11.3.2014

Responzivní webdesign

K čemu je responsivní webdesign?

S nástupem mobilních zařízení bylo stále složitější zajistit, aby na nich webové stránky vypadaly alespoň přibližně stejně a byly i tam čitelné. Odpovědí se stal responsivní webdesign, vlasně soubor pravidel, jak se mají stránky zobrazovat na jednotlivých zařízeních a rozlišeních displeje. Není to nutnost pro všechny stránky, záleží na jejich zaměření. Ne u všech se předpokládá, že budou běžně prohlížené na mobilních telefonech. Tablety od doby svého vzniku zvětšily své rozlišení a jsou znovu na úrovni starších desktopových monitorů. Potíže přetrvávají u dotykových prvků, nebo u starších prohlížečů, ale to bych zabíhal příliš do podrobností. U většiny stránek responsivní webdesign používám.

Prohlédněte si následující krátké video. Je na něm úvodní stránka tohoto webu. Tažením za okraj prohížeče lze simulovat změnu rozlišení a přesně to je na něm prezentováno. Na konci je simulátor mobilních zařízení.