Responsive design
Een website opgebouwd met responsive design is simpel gezegd intelligenter dan een gewone website. Het herkent de breedte van het betreffende beeldscherm en weet hierdoor of de website vertoond moet worden op een computer, laptop, tablet of een smartphone en past de vormgeving van de website daarop aan.
Met responsive design is het mogelijk foto’s kleiner te maken, blokken informatie weg te laten of op een andere plek plaatsen zodat de website logischer en beter leesbaar is. Het kan zelfs rekening houden met de verbindingssnelheid.
De tekening hierboven illustreert de werking van responsive design.
De website is opgedeeld in blokken. Zoals bijvoorbeeld:
- Het menu
- Belangrijke content (A) (D)
- Gewone content (B) (C) (E) (F) (G)
- Footer.
Links de computer, alles wordt normaal weergegeven. Bij het tablet wordt het menu bovenaan automatisch smaller en bij het mobiel springen de blokken automatisch in de juiste volgorde onder elkaar. Zo blijft de website zelfs voor een bezoeker met een mobieltje goed leesbaar.
Dus ben je toch van plan een nieuwe website te (laten) bouwen, vraag naar een responsive website.
