StopIE.org.ua » дополнение

Костыли для IE

stopie — Thu, 29 Oct 2009 12:49:50 +0000

Несмотря на все заверения Microsoft о более качественной поддержке песледним эксплорером общепринятых веб-стандартов, на практике это не соответствует действительности. (Если говорить не дипломатическим, а нормальным языком, то Microsoft врет) Такие заявления я могу себе позволить делать после того, как разрабатывая однин из веб-сайтов средней сложности я столкнулся с тем, что IE8 в режиме совместимости с IE7 и «настоящий» IE7 – это совершенно разные браузеры, и рендерят содержимое сайтов они по-разному.

Получается, что даже если 6-ой «осел» когда-нибудь канет в лету, разработчикам придется танцевать с бубном вокруг трех оставшихся «ослов» – IE8, IE8 в режиме совместимости с IE7 и настоящим IE7. Очевидно, что с этим столкнулся не только я, иначе как обьяснить поведение команды Google, выпустившей Google Chrome Frame?

Вот фраза из гугловского The Chromium Blog:

Недавние усовершенствования производительности JavaScript и появление HTML5 позволили веб-приложениям делать то, на что раньше были способны только обычные программы. Одна из трудностей, которые стоят перед разработчиками, использующими эти технологии, состоит в том, что они пока не поддерживаются браузером Internet Explorer

Если вкратце – это надстройка для IE, которая позволяет этому браузеру рендерить html JavaScript движком от Google Chrome. Данный проект с открытым исходным кодом призван помочь пользователям, которые по каким-то причинам до сих пор используют IE, корректно видеть содержимое сайтов.

А веб-мастерам гугловцы предлагают использовать вот такой мета-тег:

Обнаружив его, IE автоматически переключится на рендеринг страниц через Google Chrome Frame. Таким образом IE начинает правильно показывать страницы и даже способен пройти тест Acid3!

Нерешенной осталась проблема – как убедить пользователей установить Google Chrome Frame. Возможно, гугловцы знают ответ?

Виртуальная клавиатура для Оперы

stopie — Fri, 23 Oct 2009 14:05:17 +0000

Есть достаточно большая категория пользователей, у которых на клавиатуре отсутствует кириллица (или любая другая национальная раскладка). Причины могут быть самые разные – кто-то общается из-за рубежа, кто-то пользуется нелокализованным Макбуком… На большинстве крупных порталов специально для таких пользователей имеется так называемая виртуальная клавиатура. А как быть на обычных сайтах или форумах? писать транслитом?

Пользователи браузера Opera теперь могут не задумываться об этой проблеме. Благодаря Брайану Хьюсману (Brian Huisman) у них появилась возможность вызывать виртуальную клавиатуру абсолютно для любого сайта. На скриншоте показано, как выглядит виртуальная клавиатура для Оперы:

Виртуальная клавиатура для Оперы

Итак, идем на страничку этого пользовательского скрипта, затем сохраняем его в папку браузера со скриптами и перезапускаем Оперу. Вызывается виртуальная клавиатура двойным щелчком в поле ввода.

Если вы не знаете, как устанавливать userjs для Оперы, посмотрите заметку о скрипте-стикере, в последнем абзаце описана установка.

Семь лучших плагинов для веб-разработчика

stopie — Fri, 11 Jul 2008 13:05:56 +0000

Firefox среди веб-разработчиков занимает лидирующие позиции, и не в последнюю очередь благодаря плагинам. Открытый исходный код позволяет написать абсолютно любой плагин, под самые, казалось бы экзотические задачи. Об особенностях написания плагинов для «Огнелиса» мы еще успеем поговорить, а сейчас хочется рассказать именно о тех плагинах, за которые Firefox полюбили многие дизайнеры, верстальщики, программисты, сеошники и другие веб-разработчики.

Firebug

Наверное, это первое расширение, которое ставят верстальщики или дизайнеры. Firebug пользуется заслуженной популярностью за возможность просматривать и изменять HTML, CSS или JavaScript на желаемых веб-страницах. Причем, что очень существенно – просматривать все изменения можно «на лету», т.е. сохраняет и кеширует измененный код сам плагин. Наверняка вам приходилось видеть на форумах споры, мол какой редактор лучше всего подходит для вебмастера. Часть хвалит Dreamweaver или Frontpage, часть является противниками визуальных средств и ратует за редакторы с подстветкой синтаксиса. Думаю, и тем и другим стоит попробовать Firebug – лучшего инструмента для вебмастера, пожалуй, не существует.

Web Developer

Один из основных плагинов для веб-разработчика. По сути, это целый дополнительный тулбар, который можно включить/выключить нажатием всего одной кнопки. Весьма полезный инструмент, работающий по принципу «все в одном». Богатейший и полезнейший функционал, позволяющий поднять работу с cookies, кешем, графикой и т.д. на качественно более высокий уровень. Для описания Web Developer понадобится отдельная статья, а в двух словах можно сказать только must have. В связке с Firebug этот плагин превращает ваш браузер в очень мощный инструмент для веб-разработки.

iMacros

Наверняка все смотрели фильм «Назад в будущее» и запомнили момент, как Док готовил завтрак с помощью нескольких приспособлений. Примерно то же самое делает этот плагин – запоминает серию одинаковых действий, а затем в точности ее воспроизводит. Заполнять Web-формы, запоминать пароли, загружать информацию с других сайтов, собирать какие-либо данные с сайтов и так далее – теперь все это делается нажатием всего одной кнопки. Регистрация на нескольких сайтах или одинаковый постинг в нескольких блогах – подобные задачи стало делать гораздо проще и быстрее.

ColorZilla

Маленький, но весьма полезный плагин.
После его установки с левой стороны статусной строки появляется кнопка, при нажатии на которую ваш курсор превращается в прицел (крестик). Теперь, если наведете прицел на любую часть сайта, в той же статусной строке получаете значение цвета элемента, над которым находится курсор (например, R: 255, G: 255, B : 255 |# FFFFFF).

MeasureIt

Еще одно небольшой и полезное дополнение.
Плагин похож на предыдущий – тоже активируется по нажатию кнопки с левой стороны статусной строки, только показывает не цвет а высоту и ширину блоков. При активном плагине нажмите на край нужного блока и не отпуская кнопку мыши, потяните к другому краю – узнаете его точный размер или отступы (margin и padding).

Window Resizer

Те, кто занимается созданием шаблонов и макетов для сайтов частенько сталкиваются с необходимостью увидеть результат своей работы в различных разрешениях экрана. Особенно актуально это сегодня, пока не установлен стандарт на ширину экрана – ведь у посетителя может быть как обычный (3 к 4) так и wide (9 к 16) монитор, на котором разрешения отличаются от стандартных 1024х768 и 1280х1024. Чтобы не изменять каждый раз настройки рабочего стола, вы можете воспользоваться плагином Window Resizer – теперь все основные настройки экрана можно включить нажатием всего одной кнопки.

SeoQuake

Любимец оптимизаторов, последний в списке но не последний в использовании плагин. Помимо показа «на лету» кучи SEO-параметров сайта (Google PR, Яндекс тИЦ, количество внутренних и внешних ссылок, количество страниц в индексе основных поисковых машин и т.д.) обладает рядом дополнительных возможностей – например показывает плотность ключевых слов или дает возможность увидеть страницу глазами поискового бота.

Стикеры для Оперы

stopie — Fri, 27 Jun 2008 14:25:41 +0000

Признайтесь, часто наклеивали на монитор сбоку от монитора маленькие желтые бумажки стикеры с записями?

К примеру, висит сайт в закладках, а зачем висит уже никто и не вспомнит…

Хочу рассказать вам о небольшом, но очень полезном UJS (UserJavaScript), который позволяет прицепить такой стикер абсолютно к лобой странице в интернете.

О таком скрипте robosticky я узнал на operafan.net, причем немного удивился, почему один из самых популярных «оперных» ресурсов не локализовал скрипт, хотя сам автор любые переводы только приветствует. В общем, рискнул и взял на себя смелость перевести это весьма удобное и полезное дополнение, русскую версию берем здесь, а украинскую здесь. Устанавливается не просто, а очень просто – берем и распаковываем архив в папку с пользовательскими скриптами. Если вы еще ни разу не ставили UserJS, придется выполнить несложное действие:

Выбираем в главном меню Tools->Preferences, идем на вкладку Advanced, щелкаем пункт Content, нажимаем кнопку JavaScript Options и в поле User JavaScript files вводим путь к папке, в которой у нас будут храниться UserJS

Все – пользуйтесь на здоровье – для того чтобы вызвать новый стикер, просто сделайте даблклик на нужной странице.

P.S.

Если обнаружите неточности или ошибки в переводе, пожалуйста, сообщите об этом в коментарии.

StopIE.org.ua » дополнение

Костыли для IE

Похожие статьи:

Виртуальная клавиатура для Оперы

Похожие статьи:

Семь лучших плагинов для веб-разработчика

Firebug

Web Developer

iMacros

ColorZilla

MeasureIt

Window Resizer

SeoQuake

Похожие статьи:

Стикеры для Оперы

Похожие статьи: