Проверка поддержки функциональных возможностей CSS

Фрагментарный характер спецификации CSS и ее обрывочная реализации в браузерах обозначает, что вы можете испытывать трудности при выяснении того, какие функциональные возможности CSS доступны на данный момент. Я знаю пару полезных инструментов, которые могут помочь определить, поддерживается та или иная функция или нет.

Во-первых, это веб сайт http://caniuse.com, который обеспечивает всесторонний анализ того, какие версии каких браузеров поддерживают функциональные возможности HTML5 и CSS3. Подробная информация доступна по широкому ассортименту настольных и мобильных браузеров по ряду операционных систем. Кроме того, тут есть несколько простых инструментов поддержки для принятия решений, которые привязаны к популярности браузера и его проникновению на рынок. Я считаю, что этот веб сайт очень полезен при запуске нового проекта в том, что я могу проверить и прочувствовать функционал, на который я могу разумно положиться. Это позволяет достаточно просто отслеживать фрагментированный стандартный процесс и реализацию в браузере.

Вторым инструментом является Modernizr (www.modernizr.com), который динамически проверяет отдельные функциональные возможности. Он принимает форму небольшой библиотеки JavaScript, которая проверяет наличие ключевых функций HTML5 и CSS, позволяя адаптировать эти функции так, чтобы их поддерживал браузер пользователя. Modernizr также имеет несколько других полезных свойств, например, он позволяет моделировать новые семантические элементы HTML5 (см. главу 10) в старых версиях Internet Explorer.