Pages liquides

Date : 07/2004

Nous utilisons des écrans de tailles différentes. Nous n'avons pas tous les mêmes yeux impeccables. Les concepteurs peuvent et devraient en tenir compte.

Contenu à largeur variable

Vous regardez cette page sur un écran informatique ? Alors faites un essai et redimensionnez à présent cette fenêtre.

Le contenu de la page s'adapte à la taille de votre fenêtre, n'est-ce pas ? Cette technique porte le nom "liquid design" : la mise en page n'impose pas de valeurs fixes aux éléments qui la composent. On obtient cette "liquidité" en utilisant des valeurs relatives (tel le pourcentage) lors de la conception d'une page.

Police à taille variable

Essayez maintenant d'agrandir ou de diminuer la taille de police en utilisant le menu correspondant de votre navigateur.
La taille de police obéit à vos directives.

On laisse cette liberté aux internautes en utilisant les valeurs relatives dans la définition des tailles de polices.

Combinaison de deux

La combinaison de deux techniques, celle de pouvoir redimensionner le contenu d'une fenêtre, et celle de pouvoir agrandir ou diminuer les polices selon nos besoins, augmente le confort des utilisateurs. Elle est très appréciée de ceux qui ont investi dans de grands écrans mais, également, de ceux qui ont des problèmes d'yeux, c'est-à-dire de la quasi-totalité de la population au-delà de 45 ans...

Liens :

Sommaire de Repères