Pokud budete hledat knihu o implementaci a návrhu webů, zjistíte, že nemáte pomalu z čeho vybírat. Podobných publikací je jako šafránu. Není se čemu divit. Věci spjaté s tvorbou moderních webů se rychle mění. Psát knihu o tématech, které mohou být za dva roky zastaralé, není snadné. Toto léto však vyšla nová kniha, která se do tématu pouští rovnou po hlavě.

Jak webovou stránku co nejlépe a nejjednodušeji převést do responsivní podoby. Provedeme vás převodem krok za krokem.

V minulém díle jsme rozebrali důvody ke vzniku nového standardu a atributy srcset, sizes, které vám ve velké většině případů pro responzivní obrázky budou stačit. Pokud by nestačily, je tu ještě záchrana v podobě nového tagu . Podíváme se také na podstatnou věc — jak responzivní obrázky polyfillovat ve starších prohlížečích.

Před rokem tady Robin Pokorný psal o aktuálním vývoji na poli responzivních obrázků, ukazoval src-N variantu řešení a vyjádřil naději, že se standardizátoři již brzy domluví a hlavně — že přijdou nějaké implementace v prohlížečích.

Organizace stylopisů v před 6 lety a dnes? Podívejme se jak responzivní design a aktuální frontend technologie změnily způsob jakým organizujeme CSS. Jde o volné volné pokračování článku o udržovatelném stylopise na Zdrojáku.

Čte se váš web dobře z mobilu? Předvedeme vám několik tipů, jak vylepšit vzhled vašeho webu v mobilním zařízení.

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

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ě.

Největší problém současného responzivního webu – načítání různých obrázků na různých zařízeních – se chýlil ke svému vyřešení nativní podporou v prohlížečích pomocí atributu srcset. Na poslední chvíli ale přišel nový návrh nazvaný src-N, který získal velký ohlas. Pojďte se s ním seznámit.

Cestou k optimálnímu responzivnímu webu ještě všichni nasekáme spoustu chyb. Tenhle článek by vám mohl pomoci vyhnout se těm nejhorším.