Responzivní design

Zde najdete všechny naše články na témat responzivní design. Udělejte pružný layout, doplňte to pružnými obrázky a přidejte Media Queries. Jenže to většinou nestačí, responzivní design je také o způsobu uvažování. Mobily jsou dnes všude a proto je „responzivita“ tak důležitá.

Marcotteho responzivní design

22. 8. 2017 — Původní definice responzivního designu pochází z roku 2010, hlavy a pera Ethana Marcotteho. V další ukázce z knížky se vracím k základním principům responzivního designu.

Tabulky v responzivním designu

31. 7. 2017 — Pojďme si představit všechny způsoby, jak lze s tabulkami v dnešním webdesignu zacházet, a vy si jistě vyberete.

Vkládaná média se zachováním poměru stran

19. 7. 2017 — Jak zařídit, aby se obrázky, video a prvky vkládané přes `<iframe>` přizpůsobovaly šířce rodičovského elementu a ještě k tomu zachovávaly poměr stran?

Responzivní SVG

26. 6. 2017 — Další ukázka z e-booku „Vzhůru do (responzivního) webdesignu“. Jak bez hacků zařídit pružné zobrazování SVG ve všech prohlížečích? A jak na plně responzivní SVG s přizpůsobivým obsahem?

Atributy responzivních obrázků: srcset a sizes

23. 5. 2017 — Nové atributy elementu img, které řeší potřebu autorů stránek zobrazovat v různých stavech responzivního designu různé varianty obrázků. Přečtěte si zcela novou verzi článku.

Weby versus aplikace

20. 4. 2017 — Zkouším se zamýšlet, kdy je lepší použít web a kdy nativní aplikaci. A definuji nativní, hybridní, progresivní a univerzální aplikace.

Efektivní ladění responzivních webů

27. 6. 2016 — Jak si poradit s dnešní škálou prohlížečů a zařízení? A jak s nepřítomností pořádných vývojářských nástrojů na mobilech? Svatý grál neznám, ale pár tipů ze své praxe bych měl.

Jaký typ responzivní navigace vybrat?

15. 4. 2016 — Projdeme si osm návrhových vzorů pro navigace na responzivních webech. Od uživatelsky složitých a implementačně jednoduchých až po ty – ehm – dobré.