WebTeam

Build & Service Web Presence

Responsive Web Design

Responsive webdesign is een benadering van webdesign waarbij de web developer streeft naar een optimale webervaring voor een breed scala aan apparaten (van desktop computerschermen tot mobiele telefoons). Het ontwerp van een responsive website schaalt mee met de afmetingen van een scherm, zonder in te leveren op leesbaarheid van tekst of bruikbaarheid van de gebruikersinterface.
→ zie: Wikipedia Responsive web design

De term responsive webdesign gebruiken we omdat steeds meer bedrijven investeren in een mobiele website om hun klanten ook mobiel een optimale ervaring te bieden. Maar door het groeiende aantal apparaten, met alle hun eigen resolutie en afmetingen, bleek één mobiele website geen optimale oplossing.

In plaats van te ontwerpen in vaste afmetingen, een benadering die stamt uit het printtijdperk, is het veel praktischer was om te ontwerpen in percentages en andere relatieve eenheden.

De flexibele grids zorgen ervoor dat breedtes en hoogtes van elementen niet in pixels worden bepaald, maar in relatieve eenheden als percentages en em's. Elementen in een flexibele grid schalen altijd naar een percentage van het element waarin ze zich bevinden, of de afmetingen van het zichtbare gedeelte van de browser.

Flexibele afbeeldingen worden ook relatief geschaald, zodat ze nooit buiten hun proporties worden weergegeven.


Responsive cursus