Bonjour,

Je vous pr�sente une petite biblioth�que d�velopp�e dans le cadre d'un projet, et qui m�rite � mon avis son petit d�pot Github : "ResponsiveClass" (https://github.com/nbrignol/responsive-class).

Son objectif : D�terminer dynamiquement la classe d'un �l�ment HTML selon une m�dia-query.

- D'abord on associe un format avec une m�dia-query. Exemple : "small" correspond � "(max-width: 600px)", "large" � "(min-width: 1100px)", etc.
- Ensuite, on d�termine pour chacun de ces formats les classes que l'on veut appliquer � notre �l�ment HTML :
Code : S�lectionner tout - Visualiser dans une fen�tre � part
<article class="rc myBaseArticle" class-small="firstVariant" class-medium="secondVariant" class-large="thirdVariant"> ... </article>
- Enfin grace � cette lib, � chaque resize, l'attribut "class" de l'�l�ment sera mis � jour selon la classe d�finie dans l'attribut correspondant au format actuel de la page (small, large, etc).

Pour moi c'est une solution simple pour :
- R�duire le nombre de m�dia-query dans le CSS
- D�finir des classes s�mantiques pour l'affichage de mes �l�ments et de leur variantes.
- D'�viter d'utiliser des classes de mise en page d�di�es comme dans Bootstrap

Qu'en pensez vous (Plus d'infos et un exemple sur https://github.com/nbrignol/responsive-class !) ?