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.

Jestliže využíváte při front-end vývoji SASS, mohli jste se setkat zvláště na větších projektech s výkonnostními problémy při generování komplexních CSS. Podívali jsme se na tuto problematiku hlouběji a v tomto článku ukážeme, jakým způsobem jsme dosáhli výrazného zefektivnění vývoje.

Responzivní design je jedním z nejčastějších zaklínadel moderního webdesignu. Martin Michálek pro nás přečetl a sepsal recenzi českého překladu knihy Tima Kadlece: Responzivní design – profesionálně, doposud jediné knihy na toto téma v češtině.

Podporovat jen prohlížeče, které mají tržní podíl nad 5 procent? Ukážeme si, že je to dnes možné jen v pohádkách a že tomu tak ještě ke všemu bylo vždycky.

V desáté epizodě podcastu Brus kódu s Tab Atkinsem mluvíme o responzivních obrázcích, především o novém elementu picture, který přináší řešení většiny přidružených problémů. Stručně se ohlížíme do historie na důvody zamítnutí jiných…