Plynulé transformace jednoho objektu do druhého patří k oblíbeným animačním technikám, přesto se ale v prostředí webu používají poměrně málo. Je to ale velká škoda, neboť s použitím SVG a SMIL, je to až trestuhodně snadné. V dnešním závěrečném dílu seriálu si ukážeme, jak morfovat mezi sebou nápis „PODZIM“ a několik dalších, podzim dobře reprezentujících tvarů, konkrétně dýně, klobouku čarodějnice a měsíce.

Krásné barevné listí na stromech, na zemi a zejména pak jejich krátká (ale také poslední) pouť z větví na zem je jednou z největších krás celého podzimu. Jak by takový listopad mohl vypadat v podání technologie SVG, si ukážeme právě dnes.

K podzimu nepochybně patří krásné barevné dýně. Ty dlabané halloweenské se k nám dostaly z anglosaských zemí, s výrazným nástupem po Sametové revoluci. Pojďme si nyní krok za krokem ukázat, jak si takovou pěknou dýni vydlabat (vyřezat) s technologií SVG.

Web ostrý jako břitva je kniha o webdesignu bez jediného řádku zdrojového kódu, bez jakýchkoliv informací o HTML či CSS. Kniha se totiž zaměřuje na netechnologické části webdesignu.

Vývoj (nejen) HTML, CSS a toho jak ho známe, jde tak rychle kupředu, že se prostě nedá stíhat všechno, a zároveň je dobré pamatovat na základy toho, jak co funguje. Utvrdil jsem se v tom, že když kodér neví základy, tak je mu všechno to kopírování věcí a příkladů z css-tricks.com nebo codepen.io k ničemu.

Jak vytvořit čistě v CSS mřížku, která se bude přizpůsobovat velikosti okna.

Jak určit, jak se jmenuje písmo na obrázku nebo webu. Představíme vám několik užitečných nástrojů.

Proč nás nezajímá rozlišení udávané výrobci? Co je CSS pixel a co device-pixel-ratio? Proč nestačí mít 2x velké obrázky? Tentokrát se podíváme do hloubky jedné ze základních technických problematik responzivního designu.

Tento víkend proběhl 7. ročník webové konference WebExpo. Zatímco minulý rok jsem navštívil WebExpo jako přednášející, letos jsem využil pozvání redakce Zdrojáku a celé konference se zúčastnil jako návštěvník. Jaké tedy bylo WebExpo 2014 z mého pohledu?

Proč SVG používat? Jak detekovat jeho podporu v prohlížečích? Čím ho generovat? To vše v dnešním článku.