Moderní webové technologie, počítané do rodiny HTML5, jsou poslední dobou velmi oblíbenou platformou pro ukázky nejrůznějších postupů, známých z Flashe, ovšem bez Flashe. Jednou z nich je i CSS3-man. Fungování animace je vysvětlené v článku.

Rychlý rozvoj webových technologií spolu s velkým procentem uživatelů se zastaralými prohlížeči přinesl nutnost testovat možnosti prohlížečů a nabízet podle nich alternativy. Velmi slušnou práci odvede například knihovna Modernizr. Přesto existují vlastnosti, které nelze…

Pomocí kombinací více shadow lze v CSS nasimulovat „3D“ vzhled písma. Jak na to ukazuje tato demonstrace – 3D Text 

Pokud se vám líbí grafické zpracování štítků, jaké používá např. služba Delicious, můžete se podívat, jak je vytvořit pomocí CSS3. Tutoriál přináší článek na serveru CSSGlobe.

CSS3 implementované v prohlížeči Safari v zařízeních typu iPad umí správně zpracovat parametr „orientation“, což umožňuje tvůrcům přizpůsobit layout pro oba případy, tj. na výšku i na šířku. Jak na to ukazuje článek z blogu Cloud Four.

Pak že vývojáři nemají vánoční témata:Na serveru SixRevisions vyšel článek, v němž je popsáno, jak vytvořit vánoční ozdoby v CSS3. Můžete se tedy inspirovat, pokud byste chtěli nějakou ozdobu vytvořit.

Jistě znáte efekt zvaný Lightbox, při němž se zobrazí obrázek v překryvné vrstvě, zatímco zbývající obsah „ztmavne“. Tento efekt se nejčastěji řeší pomocí JS pluginů, ale lze jej vytvořit i v čistém CSS3. Seznam deseti zajímavých…

Věci nejsou nikdy takové, jaké se zdají, a ani v titulku není to, co tam pravděpodobně čtete. O čem se budeme bavit? Schválně: Zkoušeli jste někdy vytvořit něco složitějšího pomocí CSS3 a přišlo vám to zbytečně komplikované? V tomto článku si ukážeme nástroje, které vám psaní CSS3 zjednoduší.

Sencha labs nabízí nástroj Animator, který umožňuje vytvářet animace v CSS3 pomocí „timelines“, podobně jako ve Flashi či v jiných animačních nástrojích.

Velmi zajímavá a působivá ukázka 3D transformací je na webu is-real a nese název Wonder Webkit. Demonstruje interaktivní 3D transformace, které prohlížeče s tímto jádrem již dnes zvládnou.