responsive-designAan de slag met responsive-design


Opmerkingen

Deze sectie biedt een overzicht van wat responsive-design is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen in responsive-design vermelden en een link naar de gerelateerde onderwerpen bevatten. Aangezien de documentatie voor responsive-design nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Wat is responsive webdesign?

De term responsive webdesign werd voor het eerst bedacht door Ethan Marcotte in zijn beroemde artikel Responsive Web Design , gepubliceerd in 2010 in A List Apart .

Dit Smashing Magazine-artikel van Kayla Knight beschrijft het als volgt:

Responsive Web design 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. Wanneer de gebruiker van zijn laptop naar iPad overschakelt, moet de website automatisch overschakelen naar resolutie, afbeeldingsgrootte en scriptmogelijkheden. 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.