Internet Explorer 9. Test Drive

Internet Explorer 9 Сегодня компания Microsoft представила на всеобщее обозрение первую публичную сборку Интернет Эксплорер 9. Собственно это даже не сборка как таковая, а голые рендерный и js-движки. Интерфейс пока что отсутствует, но возможности браузера посмотреть уже можно.

Скачать и установить Internet Explorer 9 Platform Preview можно на специальной странице. На ней же можно посмотреть на демки поддержки HTML5, CSS3 и SVG(!).

Устaнавливать эту сборку можно не опасаясь, она не имеет никакого отношения к Интернет Эксплореру, установленому на вашей системе. Минимальные требования для установки — Windows Vista SP2 и выше. Видимо и с релизом будет так же.

Из интересных вещей стоит отметить высокую скорость рендеринга и поддержку некоторых аспектов CSS3 и HTML5. Поддерживается свойство border-radius и CSS3 селекторы. Поддерживается тег video на http://youtube.com. Фильтры из предыдущих версий IE не поддерживаются.

Поддержка CSS3 пока что на невысоком уровне, по крайней мере если смотреть на http://css3please.com. Более того, замечены глюки с некоторыми свойствами и псевдоклассами из CSS2, например :first-letter. Тем не менее, мне кажется что направление выбрано правильное и результаты не заставят себя ждать. Уже то, что в Microsoft поняли, что цикл разработки продукта не может продолжаться 6 лет, уже о чем-то да говорит.

С одной стороны радостно от того, что все участники “гонки вооружений” скоро обзаведутся современными браузерами, а с другой грустно от того что зоопарк только ширится.

IE 6/7/8/9, Firefox 3.6, Opera 10.5, Safari 4, Chrome 4 – уже 8 браузеров, это не говоря о мобильных. У верстальщиков всегда будет хлеб. С маслом.

Браузеры | 6 комментариев

CSS-хаки для IE 8

Продолжаем тему Internet Explorer 8. Освоим CSS-хаки:

1. Быстрое решение:

.ie8only { color /*\**/: #fff\9 }

Работает только в Standards Mode

2. Более разумный подход к вопросу:

В файле стилей для IE, подключеном через условный комментарий создаем такую структуру:

html>/**/body #id { property: value; }

Почему именно в отдельном файле? Потому что такую конструкцию прочтут все современные браузеры, включая IE8. Нужно помнить, что в таком случае все остальные хаки, предназначеные для IE6/7, должны быть прописаны через их собственные специфичные хаки (тогда IE8 ничего не заподозрит):

  • IE 6 — * html
  • IE 7 — *+html
CSS | 16 комментариев

IE со льдом, пожалуйста

IE on the rocksНе смотря на то, что в последний год наблюдается постоянная тенденция снижения количества посетителей на сайтах с браузером Internet Explorer 6 и даже принимая во внимание тот факт, что Майкрософт внесла Internet Explorer 8 в список важных обновлений в Windows Update, ни одна компания, уважающая себя и посетителей своих сайтов, а тем более желающая зарабатывать деньги, не откажется от поддержки 6-ого Интернет Эксплорера.

Это детище мелкомягких, срок выдержки которого поболее чем у лучших коньяков, не желает становиться лучше с годами (видимо надо было хранить в дубовых бочках). И нам, веб-разработчикам, приходится с этим мириться. Количество версий Интернет Эксплорера, которые надо поддерживать – растет, и эпопея эта затянулась. Со времени выхода 7-ой и 8-ой версии Интернет Эксплорера появилось несколько утилит, позволяющих тестировать верстку в нескольких версиях IE одновременно.

Вот скромный список вариантов “борьбы” с Интернет Эксплорером:

Браузеры | 10 комментариев

С Наступающим!

#wishing { you: happy-holidays!important; }

Разное | 1 комментарий

Разметка. Transitional vs Strict

XHTML Strict

Речь в статье пойдет о такой, казалось бы изжеваной и изъезженой теме, как валидация веб-документа по одной из DTD-схем, которые в свою очередь определяются с помощью DOCTYPE.

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

В последнее время, многие редакторы и CMS’ки автоматически проставляют DOCTYPE для документа, что само по себе является прорывом, но к сожалению этого недостаточно, так как зачастую это именно Transitional схема. Начинающие разработчики не уделяют этому должного внимания, а зачастую вобще не подозревают что у них есть выбор.

Перед тем как перейти к самой сути вопроса давайте вспомним что такое Transitional схема. Она была создана как переходная, для облегчения перехода от HTML3.2 к HTML4, сохраняя унаследованые элементы и атрибуты.

Читать дальше 

HTML | 4 комментариев