This website will not display properly without JavaScript enabled - Ce site ne peut pas s'afficher correctement sans JavaScript - Strony nie wyświetlą się poprawnie bez JavaScript.

Pages liquides

This article has +5 years. Its content is probably outdated.

Les internautes n'apprécient guère de tomber sur des sites dessinés explicitement pour des écrans plus petits ou plus grands que le leur. Or c'est la grande mode actuellement, on dirait.

Nous utilisons des écrans de tailles différentes. Nous n'avons pas tous les mêmes yeux impeccables. Les concepteurs des sites web devraient en tenir compte.
Pourquoi ne le font-ils pas ?

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 em ou % dans la définition des tailles de polices, au lieu d'utiliser px (pixels).

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...

Pensez-y.

Related posts