Discussion :

[xurei]

@sekaijin : j'aime bien ce concept de source DOM en pseudo-CSS. Je ne sais pas si ça a une réelle utilité en pratique, mais j'ai toujours été partisan d'un langage "unifié" pour le web, même si cela semble utopique...

Je ne suis pas d'accord pour l'argument de la bande passante : rien n'empêche d'utiliser CAS directement dans le HTML, comme on peut le faire avec CSS.

A contrario, avoir les attributs dans un format générique rend ton code plus concis, et sauve de la bande passante dans certains cas :

• quand on a beaucoup de pages HTML avec les mêmes attributs,
• quand on recharge souvent une page : le cache-control est ton ami,
• quand un page est longue et répétitive (exemple : un tableau avec +1000 lignes),
• ...

Mon avis personnel : bonne idée, mais pas partout.

[gwinyam]

On pourra faire du CAS inline dans la balise DOM ?

Comble de l'ironie, non ?

[jchevalay54]

pour ceux qu'ils veulent un peu ce matérialisé cette possibilité je me suis fais un petit projet en licence libre.

regarder moi je trouve ça intéressant http://www.screenr.com/9oP8

[v1cent]

Je trouve que ça peut s'avérer très utile, pour faciliter la maintenance en séparant ce qui a un sens de ce qui sers uniquement à définir des comportements (via javascript par exemple) :

Imaginez je code un site de petites annonces. Une page listant les annonces.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<ul class="annonces">
    <li class="annonce vehicule"> Particulier vends renault clio</li>
    <li class="annonce urgente vehicule"> Particulier vends citroen C3</li>
    <li class="annonce logement">A louer appartement centre ville, contacter agence machin</li>
</ul>

Je veux appliquer un comportement à toutes les annonces, par exemple permettre un drag & drop vers un classeur du visiteur, lui permettant de montre des annonces à sa femme en rentrant chez lui (par exemple).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.annonce {
    draggable:true;
    data-drag-target:'#classeur';
}

Je veux aussi que toutes les annonces urgentes soient animées et rebondissent quand la souris passe à proximité.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.annonce.urgente {
    data-animate:bounce;
}

Il me reste plus qu'à définir dans un javascript ces comportements réutilisables dans d'autres sites. Je peux ainsi maintenir une bibliothèque de script standardisée pour tous mes sites, et avoir un code html propre qui ne comporte que des informations sémantiques.

Quand je veux ajouter un comportement, j'intègre le code à ma bibliothèque et je définit les éléments cibles dans le CAS. Quand un comportement doit être retiré (à tout hasard cet horripilant rebond), je retire une ligne de code de mon CAS.

Pour des gros projets, je pense que le gain en productivité serait assez grand. n peut déjà faire des équivalences (par exemple en utilisant jquery pour déterminer ce genre de choses), mais je trouve ça très propre.