Adapter son style à la résolution du visiteur!
Adapter son style à la résolution du visiteur!
Jan 08
Après vous avoir expliqué le choix de revenir à un layout de largeur fixe mais optimisé à partir d’une résolution de 1024/768px, je viens de tomber sur un article trés intéressant qui traite le problème de résolution du visiteur face à la feuille de style employée.
Cet article issu de AListApart nous présente alors une solution qui devient tout à fait envisageable pour parer à la multiplicité des résolutions des visiteurs (mobiles, PDA, TV, vieux CRT, TFT, TFT WIDE…).
La solution réside à switcher la feuille de style après détection de la résolution du visiteur. On utilise alors de l’unobtrusive JavaScript basé sur l’événement onresize de l’objet window. Cependant, si javascript n’est pas activé, le layout s’affichera comme un simple “liquid layout”.
Mais comme des images valent mieux qu’un grand discours, je vous invite donc à aller faire un tour du coté des pages d’exemples afin de vous rendre compte des possibilités de cette méthode.
“S’adapter face aux différentes résolutions” est en ce moment le grand défi des webdesigners et cette solution pourrait bien les aider à relever celui-ci.