CSS3 в гости к нам приходит

Все мы знаем про CSS… Некоторые знают про CSS2. А совсем некоторые знают о том, что W3C любит нас и готовит CSS3 – это, как говорится – хорошо!

В настоящее время, некоторые возможности уже внедрены, некотрые нет, но счастливый день, когда дизайн страниц можно будет описывать в css файлах уже не загорами. Судя по всему наши внуки, а может быть и дети мы вскоре сможем воспользоваться плодами прогресса.

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

Я провел небольшое исследование на соответствие на то, как различные браузеры воспринимают дерективы css3. Исследование проводилось с помощь. сервиса BrowserShots.org. На проверку загонялась тестовая страница с “визуальными новшествами”, реализованными с помощью CSS3 и прогонялясь по всем браузерам сервиса.

К сожалению, результаты были не совсем точными, так как середина страницы обрезалась, и на многих браузерах не удалось подтвердить или опровергнуть поддержку директив:

border-radius
border-colors
resize
rgba
transforms
gradient
box-reflect

Из действительно полезных, на мой взгляд директив, неудалось подтвердить border-radius (закругление границ блока), rgba (заливка бэкграунда блока одним цветом. Значительно проще, чем background-color), transforms (поворот элемента и прочие издевательства), gradient (заливка блока градиентом).

Согласно тестам:

Первое место 15/15 показал браузер Google Chrome 2.0.180.0 (dev), под управлением MS Windows XP,

Второе место 12/15 по понятливости досталось FireFox’у, а именно его сборке Minefield 3.2 Gecko 20081227 под все той же MS Windows XP

Третье место занял Google Chrome 1,0,154,65 (который распространяется по пользовательским каналам обновления, т.е. повсеместно) его результат 11/14.

MSIE 7.0.5730.13 нормально понял только директиву word-wrap, остальные остались для него загадкой. MSIE 6.0 вообще остался глуг, нем и слеп к директивам CSS3.

В дальнейшем, я планирую продолжать исследование в этой области, о чем и буду своевременно сообщать.

Файлы приложенные к посту:

Скриншоты + сводная таблица из Исследования исполнения директив css3 различными браузерами