Smart Columns est un plugin jQuery et CSS permettant de présenter des colonnes intelligemment en fonction de la résolution d'écran du visiteur.

A la base il existe deux manières de présenter des colonnes:

• Avec une largeur fixe
• Avec une largeur relative (pourcentage)

Le problème est qu'en fonction de la résolution d'écran du visiteur, se dernier n'aura pas la même présentation des colonnes qu'un autre.

Si vous utilisez des largeurs fixes, vous pouvez avoir ce genre de problème de présentation:

De l'espace est gâché sur la droite car une colonne n'a pas la place de tenir, ce qui est assez dommage !

Et si vous utilisez les largeurs relatives, il y'aura plus ce problème de marge de droite non utilisée, mais il y'aura un problème de nombre d'éléments maximum qur une ligne. Les colonnes pourront être diformes:

Pour une présentation idéale, qui combinerait les deux avantages de ces deux types de largeurs, le plugin Smart Columns entre en jeu.

Il va en effet redimmensionner dynamiquement les colonnes de façon à ce qu'on puisse en faire tenir un maximum sur une ligne sans pour autant qu'il y'ai de marge gaspillée.

Ce qui vous permet d'avoir la présentation idéale quelque soit la résolution d'écran du visiteur, et même s'il redimensionne la fenêtre de son navigateur à la main.

Site Officiel