De grootste uitdaging waar een webdesigner mee moet omgaan is de onzekerheid van de output. Je controleert absoluut niet hoe de bezoekers van je website jouw werk bekijken.

Eén aspect daarvan is: schermresolutie. Bezoekers bekijken je website op allerlei verschillende schermen, elk met hun eigen resolutie.

Ter info, hieronder de procentuele verdeling van de meest voorkomende schermresoluties op de Netlash website vorige maand:

Je ziet, een pletora aan resoluties, van 800x600 tot 1920x1200.

Een veelgestelde vraag van klanten is dan ook: waarom maak je geen website die mooi uitvult, en mee uitrekt over het volledige scherm, ongeacht de resolutie?

Het antwoord is: leeslengte.

De leeslengte is voor ons de lengte van een regel tekst, het aantal woorden dat in een doorlopende tekst op één regel staat. Om makkelijk doorlopende teksten op een scherm te kunnen lezen, is die leeslengte best beperkt.

Als je een tekst aan het lezen bent op het scherm, moeten je ogen op het einde van één regel de sprong maken naar het begin van de volgende regel. Je ogen maken de beweging die hieronder met de rode pijl wordt aangeduid:


Je moet dus een sprong maken van de lengte van de doorlopende tekst.

Als de lengte van die tekst té lang wordt, is de sprong zeer moeilijk te maken. De ideale lengte hangt uiteraard af van het lettertype, de lettergrootte, en nog een aantal andere zaken (complexiteit van de tekst, algemene layout...). We raden altijd aan de tekst te beperken tot ergens tussen de 55 en 80 lettertekens op één regel.

Bij een liquide layout (dat is een layout van een website die mee schaalt met de grootte van het scherm) wordt meestal de hoofdtekst van de site meegeschaald. Dit wil zeggen dat op grotere schermen de leeslengte van die hoofdtekst onmogelijk lang wordt.

Zo'n liquide layout maken, waarbij de hoofdtekst toch beperkt blijft in leeslengte, is zeer moeilijk te maken in html. Meer nog: ik durf zelfs te beweren dat het op dit moment onmogelijk is om dit consistent te laten werken in alle A-grade browsers.

Dat is de reden waarom we op dit moment géén liquide layouts maken: om zorg te dragen voor een optimale leeslengte.