Tvorba webových animací: Webové animace: Oživte svá uživatelská rozhraní

Recenze čtenářů

Tato kniha je dobře hodnoceným úvodem do webových animací, který je oceňován pro své jasné vysvětlení, efektivní příklady a poutavý styl psaní. Přestože nabízí cenný obsah a je přístupná i začátečníkům s určitými předchozími znalostmi vývoje webových stránek, někteří recenzenti považovali humorný tón za přehnaný a měli pocit, že by jí prospěl serióznější obsah a aktualizované postupy kódování.

Jasné a stručné vysvětlení, efektivní příklady kódu, poutavý styl psaní, praktické techniky, vhodné pro začátečníky se základními znalostmi vývoje webu, vizuálně atraktivní tištěné vydání, zábavný obsah, který udržuje zájem čtenářů.

Humorný tón může některým čtenářům připadat přehnaný, vnímaná nedostatečná hloubka obsahu vzhledem k ceně, některé opakující se příklady a zastaralá syntaxe (např. nepoužívání ES6), úplní začátečníci by se bez předchozích znalostí mohli cítit ztraceni.

(na základě 11 hodnocení čtenářů)

Původní název:

Creating Web Animations: Bringing Your UIs to Life

Obsah knihy:

Díky rychlejším prohlížečům, lepší podpoře webových standardů a výkonnějším zařízením nyní web definuje novou generaci uživatelských rozhraní, která jsou zábavná, praktická, plynulá a zapamatovatelná. Klíč? Animace. Naučit se vytvářet animace je však obtížné a stávající výukové materiály nevysvětlují kontext problému uživatelského rozhraní, který se animace snaží řešit. Proto přichází tato kniha.

Získáte solidní technické znalosti o tom, jak vytvářet úžasné animace pomocí CSS, a naučíte se implementovat běžné vzory uživatelského rozhraní na praktických příkladech, které se spoléhají na animace při řešení základního problému. Frontendoví weboví vývojáři a designéři se naučí nejen důležité technické detaily, ale také to, jak je aplikovat při řešení reálných problémů.

⬤ Vytvářejte animace, které se vyskytují v běžných implementacích uživatelského rozhraní, jako je například odskočení po rolování, rozbalení vyhledávacích polí a posuvníky obsahu.

⬤ Zjistěte technické detaily práce s animacemi a přechody CSS.

⬤ Používejte transformace CSS k velmi přesné animaci polohy, měřítka a orientace prvku.

⬤ Pochopit význam funkce easing.