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>.
Archiv autora: Honza Sládek
Honza Sládek
Návrhář uživatelských zážitků. Spoluzaložil Clevis s.r.o., školí responsive a mobile webdesign (pod Medio Akademie a Dobrý web), moderoval WebExpo, organizuje konferenci Webovina a soutěž pro mladé Junior Internet. Hlavu si chodí čistit do lesa – je nadšený orientační běžec.
Další týden, další porce informací o HTML5. Dnes dokončíme přehled nových elementů, povíme si o několika změnách u některých starých známých a ukážeme si pár zjednodušení, které HTML5 vnáší do běžně používaných věcí.
V minulém díle jsme se podívali na základní principy, na kterých HTML5 stojí. Dneska se podíváme na to, s čím si ho mnoho kodérů spojuje – změny v sémantice, nové tagy a podobné věci. Představíme si šest sémantických tagů, kterými můžeme nahradit DIVy.
HTML5 je bezpochyby tématem číslo jedna většiny dnešních webdesignérských hovorů, sporů a diskusí. Proto jsme se rozhodli věnovat se mu zde na Zdrojáku, a to podrobněji a spíš z praktického hlediska, tedy „co můžeme začít používat a k čemu je to dobré“. V dnešním díle si ujasníme, o čem vlastně bude řeč.
Dotyk. Slovo, které dneska v jeho anglické variantě (Touch) můžete zaslechnout snad všude. Částečně za to může Steve Jobs, částečně prostě poptávka uživatelů. Jisté ale je, že stará dobrá myš již brzy nebude výhradní prostředek pro pohyb po webových stránkách. Je nejvyšší čas se s tím sžít.
Na internetu je spousta dat, ale software zatím neumí říci, co znamenají. To se začíná měnit a data dostávají význam. Nedostávají ho sama od sebe – webdesigneři se musí něco nového naučit. Začíná se mluvit o sémantice, Sémantickém Webu a technologiích, které jsou s ním spojené. Představme si tu asi nejmocnější pro popis sémantiky v rámci HTML stránky – RDFa.
Po dlouhé době se vracím s překladem (zatím) posledního dílu seriálu Emily Lewis – Getting Semantic With Microformats. Tentokrát se zaměříme na poslední výmysl týmu okolo Mikroformátů – Value Class Pattern. Tento vzor (pattern) řeší problémy s přístupností u mnoha mikroformátů, které používaly abbr
. (např. pro označení data a času).
Jaké možnosti pro vytváření layoutů mohou přinést CSS3? Je lepší Advanced Layout Module nebo Grid Positioning Module? A jsou lepší než řešení, která používáme dnes? Stanou se tak dlouho hledaným ideálním řešením? Zkusme si je změřit přísným metrem.
Jestli má CSS s něčím problém, pak je to layout. Již zhruba 10 let volají webdesigneři po spolehlivém způsobu, který by dovolil vytvořit jakýkoli layout během chvilky a bez zbytečné námahy. Dnes se podíváme, proč jsou současná řešeních problémová a povíme si, proč se v poslední době hodně mluví o CSS tabulkách a o co se jedná.
Co je to graceful degradation? A co znamená progressive enhancement? Proč bychom neměli tyto metody ignorovat? Čím se vyznačují a kdy kterou z nich použít? To se dozvíte v dnešním článku.