Responsive webdesign (RWD) is een aanpak waarbij getracht wordt één website te ontwerpen die optimaal bruikbaar is op verschillende schermgrootten. Aangezien het gebruik van mobiele apparaten voor het bekijken van website afgelopen jaar aanzienlijk is gestegen, is het van belang dat een website ook op mobiele apparaten goed te ontvangen is. Een manier om dit te realiseren is om een mobiele website te bouwen, echter wordt een mobiele website opgezet voor één mobiel apparaat.
In dat geval zou er dus voor iedere smartphone of tablet een aparte mobiele website gebouwd moeten worden om optimale gebruikservaring te creeëren. Responsive web design biedt hierin een uitkomst, omdat dit het mogelijk maakt één website te ontwikkelen die op elke grootte optimaal te bekijken is. Dit is mogelijk door het design flexibel te maken, met behulp van flexibele grids en afbeeldingen, CSS3 media queries, en breakpoints wanneer de browser kleiner wordt gemaakt of wanneer de site op een ander apparaat wordt bekeken.
|
|
Hierboven een simpel voorbeeld van de werking van een responsive website. Wanneer de website op een groot scherm wordt bekeken worden de side menu’s naast de content weergegeven. Wanneer de resolutie van het apparaat kleiner wordt, wordt het content veld kleiner, totdat deze niet optimaal meer te lezen is. Op de breekpunten worden de side menu’s naar beneden verplaatst zodat de content optimaal zichtbaar blijft.
|