V minulém díle jsme si ukázali, jak udělat náš web krásnější s pomocí CSS3. Dnes nás čekají přechody, transformace a animace. Ty byly ještě nedávno hlavně doménou Flashe a JavaScriptu, nyní přicházejí přímo do CSS. Hlavní tahoun v jejich prosazování a implementováni je Apple (Webkit) a lze si s nimi skutečně vyhrát.

V minulém díle jsme si povídali co je CSS3, jak se vyvíjí, jak funguje a i to, jaký je stav implementace v prohlížečích. Dneska se podíváme na takové ty webdesignérské laskominy. Zkrátka na drobnosti, které nám mohou ušetřit hromadu nervů a času a navíc vypadají „zatraceně“ dobře.

CSS je tu s námi od roku 1994. A již zhruba 10 let se pracuje na jeho 3. verzi. Prohlížeče části CSS3 implementují a pokud víte jak, tak si pomocí nich můžete ušetřit spoustu času a starostí. Ve webdesignerově průvodci CSS3 se podíváme na to, co CSS3 přináší a popíšeme si jeho nejdůležitější části.

Seriál o novinkách, které přináší technologie HTML5 a na které se mohou vývojáři webů a webových aplikací těšit (nebo je už i používat), má už přes deset dílů. Je tedy nejvyšší čas na drobnou rekapitulaci, shrnutí probraného a určení témat do dalších dílů. A k tomu dostanete jeden drobný dárek od Marka Pilgrima.

V dnešním dílu našeho průvodce po vymoženostech, které vývojářům webových stránek nabízejí nové technologie z rodiny HTML5, se po oblastech poměrně slušně podporovaných a použitelných dostáváme na nejistou půdu novinek, které budeme moci použít možná za rok, možná vůbec ne. Vítejte ve světě HTML5 databází.

V posledních týdnech jsme se setkávali na Zdrojáku u článků o technologiích počítaných do rodiny HTML5. Ukázali jsme si, jak HTML5 napomáhá sémantice, probrali jsme nové možnosti videa a audia a ukázali jsme si i některá API, s nimiž přichází moderní prohlížeče. Je tedy vhodný čas si to vše shrnout.

Sémantický web byl kdysi jen sen, nyní to vypadá, že tenhle sen budeme v příštích letech žít. A jistě bude spojen minimálně s jednou technologií z trojice Mikroformáty, RDFa či Microdata. O Mikroformátech i o RDFa jsme na Zdrojáku už psali. Zbývají Microdata – dítě editora Iana Hicksona, podle jeho slov takové „zjednodušené RDFa“.

Na většině webových stránek budeme po návštěvníkovi chtít, aby nám poskytl nějaké informace. Ať už je to poštovní adresa při objednávce u e-shopu nebo komentář na webu. Formuláře tu s námi jsou již dlouho a skoro stejně dlouho si webdesigneři přáli, aby toho uměly více. Naštěstí pomohl JavaScript a většinu chybějících věcí jsme si nějak dopsali. Podívejme se, jak HTML5 usnadňuje tvorbu formulářů bez potřeby JavaScriptu.

Naposledy jsme si užili teorie a povídali si o stavu implementace elementu <video>. Dnes to bude čistá praxe. Je čas, abychom základy z minula využili a nějaké video publikovali. (Důrazně doporučujeme přečíst si minulý článek, než začnete číst tento). Na závěr článku si doplníme vzdělání ještě o element <audio>.

V minulých týdnech jsme si povídali o tom, jak smysluplně označovat obsah stránek. Ale abychom vůbec mohli nějaký obsah označovat, musíme nějaký (nejlépe hodnotný) mít. Blogy (a psaní) už jsou z módy a tak musíme, chceme-li být in, natáčet a publikovat audio a video. Ovšem pro publikaci tohoto typu obsahu jsme donedávna potřebovali plugin v prohlížeči. Dnes se podíváme, jak kartami míchá HTML5, a na nový element <video>.