Responsive web design - Inleiding

Wat is responsive web design?

Responsive web design zorgt ervoor dat uw webpagina er goed uitziet op alle apparaten.

Responsieve webdesign gebruikt alleen HTML en CSS.

Responsieve webdesign is geen programma of JavaScript.

Ontwerp voor de beste ervaring voor alle gebruikers

Je kunt veel verschillende apparaten gebruiken om webpagina's te bekijken: desktopcomputers, tablets en smartphones. Ongeacht welk apparaat je gebruikt, je webpagina zou er mooi en gebruiksvriendelijk uit moeten zien.

Webpagina's moeten informatie niet weggooien om in overeenstemming te komen met kleinere apparaten, maar moeten hun inhoud aanpassen voor elk apparaat:


Desktop PC

Tablet

Telefoon

Als je CSS en HTML gebruikt om de grootte, het verbergen, het verkleinen, het vergroten of het verplaatsen van inhoud aan te passen, zodat het er goed uitziet op elk scherm, dan wordt dit responsief webdesign genoemd.

Als je de onderstaande voorbeelden niet begrijpt, maak je geen zorgen, we zullen de code stap voor stap uiteenzetten in het volgende hoofdstuk:

Probeer het zelf