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ší Nejvíce hlasů
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

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

‐ Webový vývoj ‐
Komentáře: 0
Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.

ISO, WIN, nebo MAC? Válka o kódování češtiny na webu

Komentáře: 1
Kdo se webem zabýval na přelomu tisíciletí, zná ten pohled: stránka se načte a místo české věty se na ní objeví změť znaků jako ą, ľ a ». Nebyla to chyba monitoru ani písma. Byl to následek války, která se na českém internetu vedla po dlouhá léta. Šlo v ní o zdánlivou maličkost: jak do jednoho bajtu vměstnat písmeno „ř“. Podívejme se, kdo v ní proti komu stál, proč ji nešlo vyhrát a jak skončila.

Sledujte Zdroják: