Главная > Разное > Обзор: Браузерная поддержка CSS3 и HTML5

Обзор: Браузерная поддержка CSS3 и HTML5


26 декабря 2009, 00:25. Разместил: Mysterious Master
Мы подумали, что неплохо было бы, чтобы люди знали о ситуации с поддержкой языка в современных браузерах. Мы взяли все лучшие браузеры и протестировали их один за другим. Вряд ли нужно сообщать, что это дало некоторый интересный результат.

Safari 4 (Win)

Обзор: Браузерная поддержка CSS3 и HTML5

Safari (версия для Windows) показал наилучший результат в сравнении с его конкурентами Firefox 3.5 и даже Google Chrome.

Самое интересное заключается в превосходной поддержке и реализации значений анимации в CSS3, таких как: CSS Transform и CSS Animations. Это позволяет разработчикам задавать схожие с javascript ротацию и движение, но только посредством CSS.

Также отлично поддерживается видео и аудио внедрения. Правда, пока что не работает Geolocation API.

Firefox 3.5 (Win)

Обзор: Браузерная поддержка CSS3 и HTML5

У данного браузера тоже довольно высокий показатель совместимости. Можно даже использовать его как повседневный браузер. Отлично воспроизводятся значения @font-face, box-shadow, rgba() и border-radius.
Вот, правда, поддержка CSS анимации заметно не сходится с той, что мы видели в Safari. Браузер преобразовывает её в блок с медиа-файлом (как аудио и видео). Большой плюс у Firefox 3.5 в том, что есть поддержка первых публичных данных Geolocation от W3C, что вскоре будет очень полезным.

Google Chrome (Win)

Обзор: Браузерная поддержка CSS3 и HTML5

Как вы наверное и ожидали от браузера WebKit, в Chrome присутствует на самом деле отличная поддержка почти всех тестов, сгенерированных findmebyip.com.
Большим недостатком можно считать отсутствие поддержки @font-face. В сети уже достаточно сообщений о том, что над разработкой данной поддержки ведется огромная работа. Команда Google пообещала, что в следующей версии обязательно будет поддержка веб-шрифтов. Мы были удивлены, увидев поддержку 3D Transforms. Вероятно, пока что она работает только на iPhone и IPod Touch.

Opera 10 (Win)

Обзор: Браузерная поддержка CSS3 и HTML5

Уже есть достаточно комментариев по поводу того, что у Opera действительно плохо реализована поддержка расширенных возможностей. Всем известно, что в браузере очень слабая поддержка CSS3, особенно потому, что поддержка border-radius до сих пор не реализована.

Но Брюс Лоусон уверяет нас в том, что в браузере есть отличная поддержка других важных стандартов, которые еще не были протестированы с помощью findmebyip.com. Особенно он подчеркивает «Web Forms 2», и поддержку SVG.

Но мы считаем, что разработчикам браузера крайне важно в ближайшее время разработать приемлемую поддержку CSS3.

Internet Explorer 6, 7 и 8

Обзор: Браузерная поддержка CSS3 и HTML5

А теперь то, чего все так должно ждали! Давайте посмеемся! Правда, несмотря на все эти насмешки, в Internet Explorer есть поддержка @font-face (даже если это только формат .eot). И даже в 6-й версии браузера поддержка великолепно выполняет свои задачи!

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

Заключение

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

* rgba()
* hsla()
* opacity()
* border-radius (кроме Opera)
* canvas

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

Но стоит также отметить то, что сервис findmebyip вряд ли является лучшим тестером данных свойств и функций. В ближайшее время сервис должны улучшить, включив туда все виды тестов для Web Forms и даже графики SVG. Так что, вероятно стоит и в дальнейшем периодически проводить тесты.
Вернуться назад