/
Websites

Viewport

Ook bekend als
Browser viewport, weergavegebied
De viewport is het zichtbare gebied van een webpagina binnen het scherm of browservenster.

Waarom de viewport belangrijk is

Een website wordt niet op één vast canvas bekeken. Een browservenster kan breed of smal zijn en op een telefoon neemt de browserinterface zelf ook ruimte in. De viewport is dus de ruimte waar de pagina zich op dat moment aan moet aanpassen.

CSS gebruikt die ruimte

Responsive regels kijken vaak naar de breedte van de viewport om te bepalen wanneer een layout moet veranderen. Ook eenheden als vw en vh zijn hierop gebaseerd.

Boven de vouw verschilt per apparaat

Omdat iedere viewport anders kan zijn, bestaat er geen universele pixelhoogte voor “boven de vouw”. Ontwerp daarom voor flexibiliteit, niet voor één screenshot.

Gerelateerde begrippen

B
Met ‘boven de vouw’ bedoelen we het gedeelte van een webpagina dat je direct ziet wanneer de pagina opent, zonder dat je eerst naar beneden hoeft te scrollen.
M
Een mobielvriendelijke website is ontworpen zodat inhoud, navigatie en functies prettig bruikbaar blijven op een klein touchscreen.
R
Responsive webdesign betekent dat een website zich aanpast aan verschillende schermgroottes, zodat de inhoud op desktop, tablet en mobiel bruikbaar en logisch blijft.
U
UX staat voor User Experience: de totale ervaring die iemand heeft tijdens het gebruiken van een website, product of dienst.

Verder lezen

Scroll naar boven