Fel az oldal tetejéreAz oldal megosztása
Weboldal és fejlesztés

Reszponzív webdesign

Más néven:reszponzívmobilbarátresponsive designmobilnézet

Olyan oldalfelépítés, amely a képernyő méretéhez igazodik: ugyanaz az oldal mobilon, tableten és asztali gépen is olvasható marad.

A reszponzív webdesign lényege, hogy egyetlen oldalváltozat alkalmazkodik a képernyőhöz: a hasábok mobilon egymás alá csúsznak, a menü összecsukódik, a betűméret és a képek pedig a rendelkezésre álló helyhez igazodnak. Nem külön mobilos oldalról van szó, hanem ugyanarról a tartalomról, rugalmas elrendezésben.

Ez ma nem extra, hanem alapkövetelmény. A magyar forgalom nagyobbik fele mobilról érkezik, a Google pedig a mobilnézet alapján értékeli az oldalt (mobile-first indexelés). Ha a mobilos változat használhatatlan, az a keresési helyezést is rontja.

A gyakorlatban a legtöbb hiba az ujjal való használatnál derül ki: túl kicsi gombok, egymáshoz tapadó linkek, vízszintesen elcsúszó táblázat. Érdemes minden új oldalt valódi telefonon is végigpróbálni, nem csak a böngésző kicsinyített ablakában.

Ahol erről írunk 8