Une maquette variable en fonction de la taille de la fenêtre

Catégories : Innovations - Web design

On connaît depuis longtemps les mises en page extensibles, où le texte s'étend en fonction de l'espace disponible.

Ce dont je vous parle ici est beaucoup plus subtil : un changement complet de la mise en page en fonction des conditions d'affichage.

Le site The Man in Blue vous en fait la brillante démonstration.

Voyez vous-même...

Si la fenêtre de votre navigateur offre plus de 800 pixels de largeur, le site adopte une mise en page en quatre colonnes :


En-deça de 800 pixels de largeur, le contenu est ramené à une seule colonne :


Testez la mise en page modulaire sur le site The Man in Blue.

Yeux sensibles s'abstenir

C'est la fiesta sur la page d'accueil de CDiscount.com !

...40 onglets de navigation, 1 mégaoctet de marchandises en tout genre, des publicités Flash en-veux-tu-en-voilà, une palette de couleurs à vous donner la migraine, et le tout, incompatible avec votre écran 1024 x 768.

Chouette ! Les spécialistes en web design ont encore un bel avenir devant eux.

Prise d'écran de la page d'accueil du site web CDiscount, effectuée le 7 septembre 2006

Allez voir en vrai ! C'est mieux, ça clignote ;-)


P.S. Merci Christophe pour la trouvaille !