|
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. |
Veelgestelde vragen
Wat is Responsive Web Design?▼
Responsive Web Design is een benadering waarbij websites automatisch aanpassen aan verschillende schermgroottes, apparaten en oriëntaties. Dit gebeurt door flexibele rasters, responsive afbeeldingen en CSS-mediaquery's te gebruiken.
Waarom is responsive design belangrijk?▼
Met de groei van mobiele apparaten zoals smartphones en tablets is responsive design essentieel. Het zorgt ervoor dat websites goed functioneren op alle apparaten zonder aparte versies per device te moeten maken.
Hoe past een responsive website zich aan aan verschillende apparaten?▼
Een responsive website gebruikt CSS-mediaquery's en flexibele lay-outs om automatisch content, afbeeldingsgrootten en functionaliteit aan te passen aan het apparaat en schermresolutie van de gebruiker.
Welke apparaten ondersteunt responsive design?▼
Responsive design ondersteunt alle apparaten met schermen, waaronder smartphones (iPhone, Android), tablets (iPad), laptops en andere mobiele devices. Het past zich aan elke schermresolutie aan.
Moet ik aparte versies voor mobiel en desktop maken?▼
Nee. Met responsive web design hoeft u niet langer aparte versies voor elk apparaat te maken. Één website past zich automatisch aan aan alle schermgroottes en platforms.
