Citlivý webdesign

Responzivní webový design (nebo „RWD“) je typ web design , který poskytuje přizpůsobený zážitek ze sledování pro různé prohlížeče plošiny. A webová stránka vytvořené pomocí RWD zobrazí jiné rozhraní v závislosti na tom, jaké zařízení se používá k přístupu na web. Například responzivní web se může objevit jedním směrem na a notebook, jiný způsob a tabletaa ještě další způsob smartphone.

Dnes mnoho lidí přistupuje na webové stránky spíše z mobilních zařízení než stolních počítačů nebo notebooky. Zatímco většina smartphonů dokáže zobrazit běžné webové stránky, obsah je obtížně čitelný a ještě těžší se v něm orientuje. Mnoho webových vývojářů proto nyní využívá responzivní webový design k zajištění lepšího procházení webu na malých obrazovkách.

Webové stránky určené pro mobilní zařízení (např iOS a robot telefony), obvykle mají větší standardní velikost písma a zjednodušená navigace. Některé weby také využívají výhody dotykové obrazovky rozhraní, které poskytuje podporu pro bít, otáčení a svírání a zvětšování. Web optimalizovaný pro mobilní zařízení může také odstranit zbytečný obsah, aby se snížila potřeba rolování. Převrácení obrázku a další funkce přechodu myší jsou často odstraněny, protože dotykové obrazovky nepodporují ukazatel myši.

Existuje několik způsobů, jak implementovat responzivní webový design. Jednou z metod je dynamická detekce platformy uživatele (například iPad nebo iPhone) a specifické zatížení HTML a CSS pro příslušné zařízení. Další možností je použití mediálních dotazů, které automaticky načtou různé styly CSS v závislosti na velikosti okna prohlížeče. Balíček Bootstrap, který obsahuje několik předepsaných JavaScript a soubory CSS, je založen na mediálních dotazech a běžně se používá v responzivním webovém designu.