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

Zprávičky ‐ ‐ JavaScript, Různé, Webdesign ‐

Nálepky:

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.

Začal programovat v roce 1984 s programovatelnou kalkulačkou. Pokračoval k BASICu, assembleru Z80, Forthu, Pascalu, Céčku, dalším assemblerům, před časem v PHP a teď by rád neprogramoval a radši se věnoval starým počítačům.

Komentáře

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

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

0
Odpovědět
Martin Malý

Opraveno, díky

0
Odpovědět

Začal jako projekt studentů Matfyzu. Český BIRD dnes pomáhá řídit provoz na největších internetových uzlech

‐ Různé ‐
Komentáře: 0
Internet drží pohromadě i díky místům, kde se propojují sítě poskytovatelů připojení, cloudů nebo videoslužeb. S předáváním informací o tom, kudy jsou jednotlivé sítě dostupné, jim ve Frankfurtu, Londýně i Amsterdamu pomáhá český BIRD. Začal jako studentský projekt, po první verzi z roku 2000 léta spíš dřímal a soustavný vývoj obnovil až CZ.NIC. Ve své úloze uspěl tak výrazně, že největší uzly nakonec začaly platit vývoj konkurenčního softwaru, aby nebyly závislé jen na něm.

WebSocket: Jak dostat webovou aplikaci do reálného času

‐ Webový vývoj ‐
Komentáře: 1
Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

‐ Webový vývoj ‐
Komentáře: 2
Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Sledujte Zdroják: