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

Responzivní grafy

31. 8. 2017 — Podívejme se na tři nejpoužívanější knihovny pro tvorbu responzivních grafů.

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.