Wat is een responsieve lay-out?

Een responsieve lay-out wordt bereikt door gebruik te maken van CSS media-queries, waarmee de ontwikkelaar verschillende stijlen aan de website kan toepassen afhankelijk van de kenmerken van het scherm van het apparaat. Bijvoorbeeld, de ontwikkelaar kan specifiëren dat bepaalde elementen verborgen of herschikt moeten worden wanneer de schermbreedte onder een bepaalde drempel ligt, of dat de lettergrootte moet worden vergroot wanneer het wordt weergegeven op een klein scherm.

Naast het aanpassen van de lay-out, behelst responsief ontwerp ook vaak het gebruik van flexibele afbeeldingen en video's die zich kunnen aanpassen aan de grootte van het scherm en het verminderen van de hoeveelheid weergegeven inhoud op kleinere schermen om de gebruiker niet te overweldigen.

Om een responsief ontwerp te creëren, moeten ontwikkelaars zich bewust zijn van de verschillende schermgroottes en resoluties waarop hun website zal worden weergegeven en moeten ze hun ontwerp testen op meerdere apparaten om te zorgen dat het er goed uitziet en functioneert.

Net als in het Engels, is de mobile-first aanpak ook belangrijk in de Nederlandse taal. Hierbij begint de ontwikkelaar met het ontwerpen voor mobiele apparaten en verbetert hij het ontwerp progressief voor grotere schermen. Dit is belangrijk omdat de meerderheid van het internetgebruik plaatsvindt op mobiele en tabletapparaten.