Vroeger koos een artiest een canvas om zijn werk te tonen. Tegenwoordig in webdesign kiest de gebruiker het canvas voor het werk van de artiest. Dit komt mede door de webbrowser en de inconsistente schermformaten. Een oplossing hiervoor is responsive webdesign. Responsive Webdesign is een manier van designen die suggereert dat het design zich aanpast aan het gebruik en de omgeving van de user.

Deze aanpassingen zijn gebaseerd op de grootte van het scherm, platform en oriëntatie. Er word gebruik gemaakt van flexibele grids, layouts en images. Daarnaast word er gebruik gemaakt van CSS media queries waarmee afhankelijk van je schermgrootte, verschillende CSS bestanden aangeroepen kunnen worden. Zodra een gebruiker switcht van laptop naar mobiel verandert het design mee. Het design past zich aan aan de voorkeur van de gebruiker. Hieronder 10 voorbeelden die gebruik maken van responsive webdesign (resize browser om het in actie te zien). Enjoy!

Foodsense

Design made in Germany

Earthhour

Forefathers

Simon Collison

Andersson-Wise

Stephen Carver

Information Architects

Deren K.

Sparkbox

Tags: CSS3 • Grids • Layouts • Responsive • webdesign

Over Dirk :
Dirk de Ron, 23 jaar, interaction designer, webdeveloper en laatstejaars student Interactieve Media aan de Hogeschool van Amsterdam.