Development
Responzivita
Přizpůsobení webu různým zařízením
Co je Responzivita?
Responzivita znamená, že se web automaticky přizpůsobí velikosti obrazovky—mobil, tablet, notebook i velký monitor. Mění se rozložení prvků, velikosti textů a obrázků i navigace tak, aby byl web čitelný a použitelný. Často se řeší pomocí flexibilních layoutů a CSS media queries.
Proč na tom záleží
Dnes přichází většina návštěv z mobilů. Bez responzivity je web nečitelný a nepoužitelný, zvyšuje se bounce rate a klesají konverze. Responzivita je důležitá i pro SEO (mobile-first). Navíc šetří náklady, protože není nutné vytvářet zvláštní mobilní web.
Příklady z praxe
- 1Menu se na mobilu změní na hamburger ikonu.
- 2Obrázky se zmenšují podle šířky zařízení.
- 3Obsah se na mobilu přeskupí do jednoho sloupce.
- 4Tabulky jsou scrollovatelné vodorovně.
- 5Formuláře jsou optimalizované pro dotyk.