4 februari 2015

Responsive Design

Responsive design om goed zichtbaar te zijn op alle beeldschermen

Mobiele apparaten zijn in opkomst, waardoor een Responsive Design noodzakelijk is. Zo wordt voorspeld dat er in 2013 meer mensen via een mobiel apparaat op het internet zullen surfen dan via een gewone computer. Daarbij wordt er steeds vaker gebruik gemaakt van netbooks (kleine laptops) en zijn tegelijkertijd ook beeldschermen van groot formaat in opkomst. Het resultaat daarvan is dat er simpelweg geen standaard beeldscherm resolutie is waarvoor ontworpen kan worden. Terwijl het een paar jaar geleden nog voldoende was om een website er goed uit te laten zien op 1024×768 pixels en te zorgen dat alles functioneerde op de overige resoluties, is dat nu niet meer van toepassing. Uit de hiervoor beschreven situatie is een nieuwe stroming ontstaan, welke responsive design wordt genoemd.

Responsive Design | Website aanpassen aan mobiel en tablet | MKB Webpartner

Simpel gezegd past een responsive design zich aan naar de beeldscherm resolutie die een bezoeker van de website gebruikt. Wanneer deze bezoeker een groot beeldscherm heeft dan zal er veel ruimte in de breedte zijn op het scherm, waardoor er plek is voor meerdere elementen naast elkaar. Wordt er echter gebruik gemaakt van bijvoorbeeld een iPad tablet, dan zullen de tekst en afbeeldingen op de website hier automatisch op worden aangepast. Zo zal bijvoorbeeld het lettertype groter worden en gaan de afbeeldingen boven of onder de tekst staan (in plaats van er naast op grotere resoluties). Tevens zullen afbeeldingen kleiner worden geschaald zodat deze in zijn geheel in het scherm van de iPad passen. In het geval dat de bezoeker de website bezoekt op een smartphone, dan zal bovenstaande proces er voor zorgen dat de teksten en afbeeldingen op de website juist worden geoptimaliseerd voor dat formaat scherm. Lees verder of volg ons op Twitter voor het laatste nieuws.