Přejít k navigační liště

Zdroják » Zprávičky » Modernizr zkontroluje podporu HTML5 a CSS3 v prohlížeči

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.

Komentáře

Odebírat
Upozornit na
guest
2 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů
Mordae

„Zkompresovaná“ asi ne, možná spíše „zkomprimovaná“.

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.