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.