Liquid webdesign

Deze website is ontworpen op basis van liquid webdesign (flexibel ontwerp). Voor bezoekers van deze website die niet bekend zijn met deze wijze van ontwerpen volgt hier een korte uitleg:

Hoe een website wordt gezien en ervaren wordt in belangrijke mate bepaald door het beeldschermformaat van het apparaat dat door de bezoeker wordt gebruikt als de webpagina wordt gedownload.
Is het bijvoorbeeld een monitor aan een PC, Mac of andere computer, maakt men gebruik van een televisie beeldscherm of bekijkt men de webpagina op een mobieltje?

De beeldscherm- en pixelgrootte (en grafische kaart) bepalen de resolutie. De resolutie is het aantal pixels dat op het beeldscherm wordt vertoont in breedte x hoogte.
Zie hier een uitleg over de weergave resoluties (engels)

Meest gebruikte weergaves zijn op dit moment: 1024x768, 1280x1024, 1440x900 en 1680x1050 pixels.

Veel webdesigners ontwerpen websites met een breedte die aansluit bij de meest gebruikte resolutie, bijvoorbeeld 1024x768 pixels
Een gang door Google.nl op trefwoord "nieuws" bijvoorbeeld geeft u genoeg websites die op dit formaat of kleiner zijn ontworpen.

De keuze om te ontwerpen voor één bepaald breedteformaat heeft echter een aantal nadelen.
Bezoekers met een groter beeldscherm zien links en rechts onbenutte blanco ruimte. Bij bezoekers met een kleiner formaat is de webpagina rechts alleen zichtbaar door te scrollen.
Om de weergave mogelijkheden beter te benutten is deze website ontwikkeld op basis van liquid webdesign.

U kunt dit zelf testen door op het venster van uw browser het knopje rechtsboven "herstellen" ("restore down") te klikken en met uw muis de rand van het venster groter en kleiner te trekken.
Als het goed is ziet u dan hoe deze website zich aanpast aan de grootte van het venster.

Een ander soort test is het groter of kleiner maken van de teksten en plaatjes op de webpagina door (op de PC) de knop "Ctrl" in te drukken en gelijktijdig het scroll wiel van uw muis op of neer te draaien terwijl u uw muisaanwijzer in het venster heeft. In moderne browsers als Chrome (van Google) en Apple Safari houdt deze "liquid webdesign" site het beste stand. In de browsers Opera en Firefox werkt het ook prima.

Publicatie: 23 Mei 2007

Vragen over "liquid webdesign"?

Copyright 2004 - Dact BV.

Partners van Dact BV: sEVen Software
Privacybeleid
energielabel
XHTML 1.0 Strict | CSS | Liquid webdesign
Firefox 1.5+, Explorer 7+, Opera 7+, Chrome 1+
Screen: 480x320+