Ace Magazine
Image default
Internet

Responsive Web Design – Wat het is en hoe het te gebruiken

Bijna elke nieuwe klant wil tegenwoordig een mobiele versie van hun website. Het is tenslotte praktisch essentieel: een ontwerp voor de BlackBerry, een ander voor de iPhone, de iPad, netbook, Kindle – en alle schermresoluties moeten ook compatibel zijn. In de komende vijf jaar moeten we waarschijnlijk een aantal extra uitvindingen ontwerpen. Wanneer zal de waanzin stoppen? Natuurlijk niet.

Bijna elke nieuwe klant wil tegenwoordig een mobiele versie van hun website. Het is tenslotte praktisch essentieel: een ontwerp voor de BlackBerry, een ander voor de iPhone, de iPad, netbook, Kindle – en alle schermresoluties moeten ook compatibel zijn. In de komende vijf jaar moeten we waarschijnlijk een aantal extra uitvindingen ontwerpen. Wanneer zal de waanzin stoppen? Natuurlijk niet.

Op het gebied van webontwerp en -ontwikkeling komen we er snel bij dat we de eindeloze nieuwe resoluties en apparaten niet bij kunnen houden. Voor veel websites zou het maken van een websiteversie voor elke resolutie en elk nieuw apparaat onmogelijk of op zijn minst onpraktisch zijn. Moeten we gewoon de gevolgen ondervinden van het verliezen van bezoekers van het ene apparaat, ten behoeve van het verkrijgen van bezoekers van een ander? Of is er een andere optie?

Wat Is Responsive Webdesign?

Responsive Webdesign Groningen is de benadering die suggereert dat ontwerp en ontwikkeling moeten reageren op het gedrag en de omgeving van de gebruiker op basis van schermgrootte, platform en oriëntatie.

De praktijk bestaat uit een mix van flexibele rasters en lay-outs, afbeeldingen en een intelligent gebruik van CSS-mediaquery’s. Als de gebruiker van zijn laptop naar iPad overschakelt, moet de website automatisch overschakelen naar resolutie, afbeeldingsgrootte en scriptmogelijkheden. Men moet misschien ook rekening houden met de instellingen op hun apparaten; als ze bijvoorbeeld een VPN voor iOS op hun iPad hebben, mag de website de toegang van de gebruiker tot de pagina niet blokkeren. Met andere woorden, de website moet de technologie hebben om automatisch te reageren op de voorkeuren van de gebruiker. Dit zou de behoefte aan een andere ontwerp- en ontwikkelingsfase voor elk nieuw gadget op de markt elimineren.