Сегодня я хочу вам представить маленький обзор того, как популярные браузеры поддерживают css3 и html5...

Но для начала, представляю вам очень простой и интересный сайтик http://www.findmebyip.com/, который позволят определить, что же поддерживается из css3 и html5 в браузере в котором открыть этот сайт. Ну а теперь, собственно и сам небольшой обзор:

Safari 4 (Win)



Safari в данный момент является лидером среди всех существующих браузеров по поддержке css3 и html5

Особенно интересным является хорошая поддержка CSS3 свойств анимации такие как CSS Transforms и CSS Animations, которые позволят разработчикам для анимации и трансформации больше не нагромождать верстку JavaScript'ом.

HTML5 функции также поддерживаются. Только Geolocation API в настоящее время не поддерживается, наверное, это в ближайших.

Firefox 3.5 (Win)



В FireFox хорошо поддерживаются те свойства, которые сейчас у всех на слуху, а именно: @font-face, box-shadow, rgba() and border-radius. Все это уже можно применять при верстке под FireFox.

А вот когда дело доходит до анимации, то тут FireFox конечно же уступает браузеру Safari. Но с частыми обновлениями FireFox, я думаю, решение этой проблемы не за горами.

Большим плюсом FireFox 3.5+ считается реализация спецификация Geolocation от W3C. Которая по прогнозам будет очень полезна в будующих web приложениях.

Google Chrome (Win)



Как и следовало ожидать от браузера для которого слово WebKit не последнее в словаре — поддержка css3 и html5 на высоте. Большим недостатком Chrome является то, что он не поддерживает @font-face, но как обещают разработчики, в ближайших новых версиях это будет устранено.

Большое удивление может вызвать поддержка 3D вращений так как это поддерживается сейчас только в iPhone и IPod Touch. То есть @font-face не поддерживаем, а 3D вращения поддерживаем. Как то не логично получается.iPhone и IPod Touch поэтому я не уверен в правильности этого результата. По моему разработчики немного забежали вперед.

Opera 10 (Win)



Ну тут просто слов нет. Популярнейший браузер и такая скудная поддержка. Хотя я думаю в ближайшее время разработчикам Opera прийдется эту поддержку реализовывать если они не хотят, что их начали сравнивать с IE. Подождем… посмотрим.

… ну и на закуску…

Internet Explorer 6, 7 и 8



А теперь все дружно начинаем смеятся.
Нам нужно немного припозорить браузер Google Chrome, так как даже IE поддерживает @font-face.

И тем не менее кроме @font-face браузерам семейства ословых Internet Explorer похвастаться нечем.

Вывод:

А вывод напрашивается один: css3 мы все-таки при желании можем пощупать, но пока только пощупать, использовать его преимущества в полную силу мы сможем относительно нескоро. Увы.