Effectivement, mon implémentation n'est ici pas très générique, je vais reprendre le no-js/js sur le html de Paul Irish
Pour la classe jsnone en elle même elle a son intérêt en terme de réutilisation,
mais il faudrait voir ce qui parlerait mieux à l'usage comme nom.
Le mieux est de placer un sélecteur sur le body, par exemple .nojs, qui sera remplacé par .js après chargement complet des javascripts. Ceci permet de conditionner les affichages CSS selon que javascript est activé ou pas.
Apparemment Cédric a besoin de compléter de sélecteurs dans la page, sur le modèle de ceux qu'on retrouve souvent dans les frameworks CSS :
.none pour effacer d'un display: none
.hidden pour masquer d'un visibility: hidden
.over pour envoyer balader hors champ
qui pourraient donc être déclinés ainsi :
.none-js et .none-nojs
.hidden-js et .hidden-nojs
.over-js et .over-nojs
Un cas concret : dans le panneau d'admin des plugin, le bouton de validation n'apparait que lorsqu'on coche une case pour activer/desactiver un plugin.
Manque de bol, si il n'y a pas de js, le bouton n'apparait jamais.
En lui mettant une classe none-js, il sera masqué au chargement si javascript est activé, ce qui permet le comportement enrichi ci-dessus, et affiché au chargement si javascript n'est pas activé dans le navigateur.
De même les classe .js et .no-js permettent de modifier les css en fonction de la présence ou non de javascript, pour avoir un affichage cohérent et accessible dans tous les cas.