Adapter son site à toutes les résolutions - des solutions

Les résolutions d'écrans sont toujours un problème lorsqu'on veut faire un site. Les largeurs sont très variables (800 - 1024 - 1220 - 1440 - etc... ).

Bien sur, nous savons faire des sites qui s'adaptent à toutes les résolutions. Mais, cela n'est pas toujours satisfaisant pour autant.

Digital Web Magazine nous donne des pistes pour faire des choix.

Découvert sur le blog d'Anaud Meunier une synthèse ( et donc une traduction ) d'un article du Digital Web Magazine.

Celui-ci nous explique comment réaliser un site ( le design ) pour que l'adaptation automatique en fonction de la résolution, soit la plus judicieuse.

L'exemple choisi est développé pour les résolutions 800x600, 1024x768, 1280x1024.

Evidement, il existe des résolutions bien plus grandes que celle choisies. Mais en travaillant sur cette base, il devient facile d'adapter le design.

Ci-dessous, les images de l'adaptation du même site en fonction des résolutions citées au dessus.

Pour de plus amples explications, le lien vers l'article d'Arnaud Meunier et le lien vers l'article du Digital Web Magazine