Modernizr zkontroluje podporu HTML5 a CSS3 v prohlížeči

Do prohlížečů se pomalu dostává podpora pro HTML5 a CSS3. Během následujících let budou vedle sebe koexistovat prohlížeče, které tyto technologie budou podporovat, a prohlížeče, které je podporovat nebudou. Takové situace by mohla odradit kodéry od používání těchto technologií. Dobrou pomůckou by mohla být knihovna Modernizr. Tato malá JavaScriptová knihovna (16kB, zkomprimovaná 6kB) dokáže detekovat podporu pro různé vlastnosti CSS3 či HTML5 a podle nich zvolit patřičné styly ze stylopisu.

Používání Modernizru je velmi jednoduché a intuitivní. Takto lze např. odlišit styly pro prohlížeč s podporou multiple backgrounds:

body.multiplebgs div p {
  /* hodnoty pro prohlížeč podporující multiple backgrounds */
}
body.no-multiplebgs div p {
  /* volitelné - nastavení pro prohlížeče, které tuto podporu nemají */
}

Podobným způsobem lze detekovat podporu různých CSS3 novinek i v JavaScriptu. Modernizr by tak mohl výrazně napomoci používání CSS3 a HTML5.