Что такое Модернизр?
Modernizr добавляет классы к элементу <html>, которые позволяют настраивать определенные функции браузера в таблице стилей. Вам на самом деле не нужно писать какой-либо Javascript, чтобы использовать его.
Вы когда-нибудь хотели делать в своем CSS операторы if для доступности таких интересных функций, как border-radius? Ну, с Modernizr вы можете сделать это! Синтаксис также очень интуитивно понятен:
.multiplebgs div p {
/* properties for browsers that
support multiple backgrounds */
}
.no-multiplebgs div p {
/* optional fallback properties
for browsers that don't */
}
Modernizr - это небольшая и простая библиотека JavaScript, которая помогает вам использовать преимущества новых веб-технологий (CSS3, HTML 5), сохраняя при этом высокий уровень контроля над старыми браузерами, которые могут еще не поддерживать эти новые технологии.
Modernizr использует функцию обнаружения функций, чтобы проверить текущий браузер на наличие новых функций, таких как rgba (), border-radius, CSS Transitions и многих других. В настоящее время они внедряются во всех браузерах, и с Modernizr вы можете начать использовать их прямо сейчас, с простым способом контролировать запасные варианты для браузеров, которые их еще не поддерживают.
Кроме того, Modernizr создает глобальный объект JavaScript с одноименным названием, который содержит свойства для каждой функции; если браузер его поддерживает, свойство будет оценивать true, а если нет, то будет false.
Наконец, Modernizr также добавляет поддержку стилизации и печати элементов HTML5. Это позволяет вам использовать более семантические, ориентированные на будущее элементы, такие как <section>, <header> и <dialog>, не беспокоясь о том, что они не работают в Internet Explorer.
Что Модернизр не делает
Modernizr не добавляет отсутствующие функции в браузеры; вместо этого он обнаруживает встроенную доступность функций и предлагает вам способ поддерживать хороший уровень контроля над вашим сайтом независимо от возможностей браузера.
Однако, если вас это заинтересует, вы, вероятно, захотите посмотреть здесь: Кросс-браузер HTML5 Polyfills .