IE 6 занял место Netscape 4

Лет 6—7 назад все ненавидели Netscape 4. Чтобы добиться нормального отображения страницы в Netscape 4, верстали исключительно таблицами, делали распорки, а о семантической верстке не шло и речи. Как только его не обзывали — Нетшкаф, Нетглюк, Нафигатор. Но постепенно сайты отказывались от A-grade поддержки Netscape 4. Я помню этот радостный момент, когда Студия объявила о прекращении полноценной поддержки Netscape 4 — все технологи со слезами на глазах обнялись и поздравили друг друга.

Сейчас место «браузера-изгоя тормозящего развитие веба» занял IE 6. Хотя говорить о прекращении A-grade поддержки IE 6 еще рано (думаю, придется еще пару лет с шестым ослом помучиться), тенденция к этому уже наметилась — все чаще встречаются сайты где что-то отвалилось или разъехалось в IE 6.

Ссылка по теме: Graded Browser Support

Браузеры на моем десктопе

Еще в виртуальной машине есть IE 8 Beta 1 и Firefox 2, плюс в стареньком G4 Cube живут маковские Safari и Firefox.

Третий Firefox пока не ставил и не щупал (что-то я туплю на самом деле, надо поставить). И для полного счастья еще не хватает Konqueror (надо бы тоже на досуге поставить).

Вообще я стараюсь повседневно использовать более старые браузеры и не ставить последние версии как основные. Например, я был последним из могикан в Студии у которого дефолтный IE был версии 5.5.

Скажи мне, какой у тебя браузер

Изучал тут статистику использования браузеров за май 2008 года...

Сайт нашей Студии

Firefox	43,58%	тыдыщ
IE 6.0	17,56%
IE 7.0	14,37%
Opera 9.x	18,36%
...
IE 5.0	0,55%
IE 5.5	0,07%

Сайт банка

IE 6.0	47,37%	тыдыщ
IE 7.0	30,72%
Firefox	10,64%
Opera 9.x	8,45%
...
IE 5.0	0,33%
IE 5.5	0,12%
IE 4.0	0,09%	фигасе

Интернет-магазин

IE 6.0	30,89%
IE 7.0	25,61%
Opera 9.x	25,46%	тыдыщ
Firefox	14,91%
...
IE 5.5	0,07%

Можно сделать несколько интересных выводов. Во-первых, видно, что статистика использования браузеров сильно зависит от сайта. Статистику, которую обычно предлагают нам всякие «исследования аудитории Рунета» можно назвать средней температурой по палате.

На сайте Студии зашкаливает Firefox. Ну оно и понятно. Кто ходит на сайт Студии? Веб-дизайнеры, веб-разработчики и прочие веб-интересующиеся — «продвинутые» ребята, использующие «правильный» браузер.

Банковский сайт — засилье Internet Explorer, причем с уклоном в сторону более старых версий. Кто ходит? Офисные работники на старых, давно не апгрейженных компах.

25% Оперы в интернет-магазине? Моя теория такая. Добросовестный человек занимается интернет-шоппингом в свободное от работы время с домашнего компьютера. По всей видимости, Опера — выбор многих рядовых пользователей для серфинга из дома.

Примерно от трети до половины пользователей IE проапгрейдились до IE 7.0. И это хорошо. Признаюсь, я стал уже немного забивать на IE 6.0. Скажем, на неработающий в IE 6.0 псевдокласс hover не у ссылок. Раньше писал джаваскриптик, который ловил onmouseover/onmouseout и навешивал/убирал класс hover. А сейчас забил.

Тем не менее, еще около полпроцента пользуются IE 5.0 и IE 5.5. И это до хрена! При посещаемости 50 000 в день, это 250 человек. Обязательно нужно проверять сайт в этих браузерах. Контент должен читаться, навигация должна работать, человек должен мочь выполнить свою задачу с которой он пришел на сайт.

Ресайз окна браузера

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

Уже очень давно для ресайза окна браузера я пользуюсь закладками в самом браузере — удобно, всегда под рукой и не нужно держать постороннюю приблуду для этого. Решение работает в Firefox, IE, Safari. Не работает в Opera. Вот пошаговая инструкция.

1. Поставьте закладку на любую страницу, хотя бы на страницу, которую вы сейчас читаете.

2. Откройте свойства новой закладки.

3. В поле Name напишите 1024x768. В поле Location введите javascript:window.resizeTo(1024,768);

Готово! Нажмите на получившуюся закладку и окно браузера изменит свой размер на 1024×768.

Аналогично можно сделать закладки для остальных разрешений.

У меня в Firefox и IE настроено так: для самого популярного разрешения 1024×768 закладка находится в тулбаре, для остальных разрешений закладки в меню.

Кроме того, в Firefox для закладки можно задать ключевое слово. Если потом набрать это слово в адресной строке браузера и нажать Enter, то сработает соответствующая закладка. Например, для 1024×768 я задал ключевое слово «1». Удобно для любителей работать с клавиатурой: F6 (фокус в адресную строку), 1, Enter. Вуаля! Ресайз менее чем за 1 секунду!

На десерт:

• развернуть окно на всю ширину экрана (maximize): Alt + Space, X
• вернуть прежний размер окна (restore): Alt + Space, R или Alt + Space, Enter

Переключение режимов в IE8

Кстати, если кто еще не знает. Микрософт передумали и теперь IE8 по умолчанию будет рендерить в режиме IE8 Standards. Но с помощью <meta> ему можно будет сказать «рендери как IE7». Ранее анонсировалось обратное поведение.

Итого в IE8 будет 3 режима: Quirks, IE7 Standards и IE8 Standards.

Поведение такое:

1. Задан DOCTYPE для стандартного режима или неизвестный DOCTYPE — включается IE8 Standards mode

2. Задан DOCTYPE для режима Quirks или DOCTYPE отсутствует — Quirks mode

3. Есть <meta equiv="X-UA-Compatible" content="IE=7"> — вне зависимости от DOCTYPE, включается IE7 Standards mode

Ссылки по теме:
Microsoft's Interoperability Principles and IE8
The Default Layout Mode