Inhoudsopgave:
- Definitie - Wat betekent Responsive Web Design (RWD)?
- Techopedia verklaart Responsive Web Design (RWD)
Definitie - Wat betekent Responsive Web Design (RWD)?
Responsive web design (RWD) is een benadering in webontwikkeling en -ontwerp die is gericht op het maken van sites die een efficiënte en aantrekkelijke visuele ervaring bieden met tekst die gemakkelijk te navigeren is zonder de resolutie van een beeldscherm te wijzigen.
Deze mogelijkheid is van toepassing op elk apparaat of elke browser die wordt gebruikt om een website te bekijken, wat betekent dat het uiterlijk en de lay-out van de website worden aangepast aan de grootte van het scherm.
Techopedia verklaart Responsive Web Design (RWD)
RWD wordt gebruikt om de lay-out van een website aan te passen aan de kijkomgeving van een gebruiker via vloeiende en op proportie gebaseerde rasters, flexibele afbeeldingen en slim CSS- en scriptgebruik.
RWD gebruikt de volgende methoden:
- Vloeistofrasters, waarbij het formaat van elementen wordt gewijzigd door het gebruik van relatieve eenheden, zoals percentages, versus absolute eenheden, zoals standaardmetingen en pixels
- Flexibele afbeeldingen, die ook in relatieve eenheden zijn ingedeeld
- Cascading Style Sheet (CSS) mediaquery's, waarmee een website het apparaattype, de schermgrootte en browsermogelijkheden kan bepalen, waardoor verschillende stijlregels kunnen worden geleverd op basis van deze kenmerken
- Server-side componenten met mediaquery's, waarmee websites sneller kunnen worden geladen - zelfs met lagere mobiele gegevenssnelheden
