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

Zdroják » Zprávičky » Jak na animované taby s CSS3

Jak na animované taby s CSS3

Zprávičky ‐ ‐ Webdesign ‐

Nálepky:

Taby (někdy nazývané panely) najdeme na webu poměrně často. Ring Wingův tutoriál ukazuje, jak může pomocí CSS3 animací jejich přepínání snadno animovat. Pokud si chcete hned vyzkoušet výsledek, přejděte rovnou na demo1, demo2, demo3 či demo4.

Přemýšlíte-li, jak CSS3 animace fungují, přečtěte si náš článek na tohle téma. A pokud právě hloubáte nad tím, které prohlížeče CSS3 animace podporují, podívejte se rovnou na caniuse.com. A jestliže řešíte, jak se postavit k prohlížečům, které CSS3 animace neumí, zamyslete se třeba nad přístupy graceful degradation nebo progressive enhancement.

Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.

Komentáře

Odebírat
Upozornit na
guest
1 Komentář
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Přezdívka je povinná

„Taby“ už by měl někdo rozumě přeložit, aby se to mohlo ustálit. :-)

0
Odpovědět

Jak Reddit migroval svou funkcionalitu komentářů z Pythonu do Go

‐ Různé ‐
Komentáře: 0
Reddit modernizuje jednu ze svých nejdůležitějších částí infrastruktury: systém komentářů, který denně obsluhuje miliony uživatelů. Původní Pythonový monolit přestával vyhovovat nárokům na výkon a škálování, a proto se tým rozhodl přepsat celý backend komentářů do Go. Migrace probíhala postupně, s paralelním během staré a nové služby, aby nedošlo k narušení uživatelské zkušenosti. Inženýři zavedli detailní porovnávání odpovědí, izolované databáze a robustní monitoring, což umožnilo bezpečné testování na živém provozu. Celý proces ukazuje, jak lze zásadní infrastrukturní změny provést bez výpadků a s důrazem na konzistenci dat.

Vite 8 Beta přináší nový bundler Rolldown a zásadní zrychlení buildů

‐ JavaScript, Webový vývoj ‐
Komentáře: 0
Vite je moderní nástroj pro vývoj webových aplikací, který klade důraz na rychlost a jednoduchou konfiguraci. Umožňuje okamžitý start dev serveru a optimalizované produkční buildy, což urychluje vývoj i nasazení. Verze 8 Beta přináší zásadní změnu díky integraci bundleru Rolldown napsaného v Rustu, který sjednocuje vývojovou a produkční pipeline. Novinka výrazně zrychluje buildy a přináší moderní optimalizace. Součástí jsou také nové funkce pro TypeScript a připravovaný Full Bundle Mode pro rychlejší dev server.

Sledujte Zdroják: