—»     —»   Обзор: Браузерная поддержка CSS3 и HTML5
  Раздел: Разное   Комментариев: 2  

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



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

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. Так что, вероятно стоит и в дальнейшем периодически проводить тесты.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, HTML 5
Опубликовал Mysterious Master   Прочитано (раз): 12790   |   Оставлено комментариев: 2
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 25 декабря 2010 @ 20:28
Написал: ctdf — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
opera всё это поддерживает, причём вышла уже 11 версия
Комментарий #2: 25 декабря 2010 @ 20:41
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3303   |   Комментариев: 500
ICQ: --- не указано ---
ctdf, это не может не радовать smile
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2019    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
2728293031