Een website met een responsive webdesign is op maat gemaakt voor het scherm van elk soort apparaat.
Een smartphone, tablet, laptop en desktop bv. hebben allemaal verschillende schermformaten en op élk schermformaat moet je website tot zijn recht komen.
Responsive webdesign is ontstaan doordat er steeds meer apparaten bij kwamen in allerlei vormen en maten.
Je wil dat je website op elk apparaat gebruiksvriendelijk is, dus moet je bv. bij een smartphone rekening houden met een touchscreen
en rechtopstaand (klein) scherm en bij een laptop met een groot liggend scherm.
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.
Die schaling wordt mogelijk doordat op de achtergrond gewerkt wordt met een raster (grid) met 12 kolommen. De inhoud wordt in dat raster gepast, bv. tekst die uitloopt over 3 of 4 of 6 kolommen.
Bekijk deze pagina, eerst op volledig scherm, vervolgens op tussenmaat, waarbij je langzaam het browservenster smaller maakt.