Příspěvek

V dnešnej dobe, kedy stále rastie počet prístupov na web cez mobilné telefóny a tablety, sa stretávame s pojmami responsive design a mobilné verzie webových stránok. Aký je medzi nimi rozdiel a čo vlastne znamenajú?

Cieľom responsive designu je zjednodušiť prehliadanie webových stránok zo zariadení s menším rozlíšením (alebo menšou veľkosťou displeja) a zároveň šetriť dáta prenášané z internetu. Tým dochádza k urýchleniu prehliadanie webu.

Stránky s responsive designom automaticky detekujú veľkosť a orientáciu obrazovky návštevníka a podľa toho sa mení rozloženie prvkov. Elementy na stránke nemajú pevné rozmery, ale počítajú sa percentuálne vzhľadom k veľkosti obrazovky či displeja.

U responsive designu definujeme zlomové body, čo je rozmer, v ktorom sa jedno rozloženie mení na druhé. Zvyčajne sa definujú minimálne dva zlomové body - veľkosť typická pre tablety a veľkosť typická pre mobilné telefóny.

Z hľadiska kódovania takého webu je štruktúra vždy rovnaká, len sa mení či špecifikuje predpis pre vzhľad, ktorý sa vo zlomových bodoch načítava. To je hlavný rozdiel od mobilnej verzie webových stránok.

U mobilnej verzie webu sa vytvára úplne nová štruktúra, optimalizovaná pre mobilné zariadenia. Nie sú tu žiadne zlomové body, načítanie webu nie je závislé na veľkosti displeja. Načítanie zabezpečuje skript, ktorý detekuje mobilné zariadenia a automaticky načíta mobilnú verziu. Mobilná verzia štandardne beží na subdoméne m.domena.cz.

Dobrým príkladom je vyhľadávací portál seznam.cz, ktorý predtým mal svoju mobilnú verziu na subdoméne m.seznam.cz. Dnes už ale nič podobné neexistuje, pretože Seznam je responzívny - náročky si vyskúšajte meniť veľkosť okna a sledujte zmeny vo vzhľade stránok.

Ktoré riešenie je pre vás lepšie (alebo či vôbec potrebujete svoje stránky optimalizovať pre mobilné zariadenia) môžete zistiť použitím rôznych analytických nástrojov. Z tých vyčítate, z akých zariadení užívatelia na váš web pristupujú a či je nutné sa týmto užívateľom prispôsobiť.

Miroslav Urbánek

Mirek je naším prostředníkem mezi světem smrtelníků a světem programátorů. Řeší s vámi všechny technické aspekty webů, na telefonu bývá i po večerech nebo o víkendech. Takže kdyby vám na webu cokoliv nefungovalo - prostě mu jen zavolejte. On už to nějak vyřeší.

všechny články autora