Responzivní webdesign

Responzivní webdesign (nebo „RWD“) je typ webdesignu, který poskytuje přizpůsobené zobrazení pro různé platformy prohlížečů. Web vytvořený pomocí RWD zobrazí odlišné rozhraní podle toho, jaké zařízení se k webu používá. Responzivní web může například vypadat jedním způsobem na notebooku, jiným způsobem na tabletu a ještě jinak na chytrém telefonu.

Dnes mnoho lidí přistupuje na webové stránky z mobilních zařízení namísto stolních počítačů nebo notebooků. Většina chytrých telefonů sice dokáže zobrazit běžné webové stránky, jejich obsah se však obtížně čte a ještě hůře se ovládá. Mnoho webových vývojářů proto nyní používá responzivní webdesign, aby na malých obrazovkách poskytli lepší zážitek z procházení webu.

Webové stránky navržené pro mobilní zařízení například telefony se systémy (iOS a Android) mají obvykle větší výchozí velikost písma a zjednodušenou navigaci. Některé weby také využívají rozhraní dotykových obrazovek a podporují posouvání prstem, otáčení a přibližování a oddalování sevřením prstů. Web optimalizovaný pro mobilní zařízení může také odstranit nepotřebný obsah, aby se omezila potřeba posouvání. Efekty při přejetí myší a další funkce reagující na najetí myší se často odstraňují, protože dotykové obrazovky nepodporují ukazatel myši.

Responzivní webdesign lze implementovat několika způsoby. Jednou z metod je dynamicky zjistit platformu uživatele (například iPad nebo iPhone) a načíst konkrétní soubory HTML a CSS pro příslušné zařízení. Další možností je použít dotazy na média, které automaticky načtou různé styly CSS podle velikosti okna prohlížeče. Balíček Bootstrap, který obsahuje několik předem napsaných souborů JavaScript a CSS, je založen na dotazech na média a v responzivním webdesignu se běžně používá.