Přepínání vzhledu – dark mode a změna tématu na webu
Změna vzhledu webu přepínáním CSS tříd JavaScriptem. Typicky dark mode / light mode přepínač, barevná témata nebo zvětšení písma pro lepší čitelnost.
Moderní přístup využívá prefers-color-scheme media query pro automatickou detekci systémového nastavení.
Plynulé rozbalení obsahu
Jak pomocí CSS animace a JavaScriptu plynule rozbalit původně skrytý obsah.
4
minuty
Skrývání a odkrývání s data-atributy
Zobrazování a skrývání obsahu elegantněji s využitím vlastních atributů.
2
minuty
Rozbalování a sbalování obahu v CSS
Jak skrývat a odkrývat části stránky v čistém CSS bez jakéhokoliv JavaScriptu.
3
minuty
Animované skrytí obsahu
Pomocí CSS transition je možné skrývání a odkrývání textu plynule animovat (od IE 10).
5
minut
Změna designu bez znovunačtení stránky
Jak snadno umožnit uživateli přepínat různé vzhledy stránky, tmavou/světlou variantu apod.
4
minuty