Comment jQuery affecte-t-il la structure CSS?

Question

Il suffit de ré-entrer dans le monde des js et des CSS lourds après quelques années de travail uniquement dans Flash et de se lancer sur jQuery. Je suis en train de concevoir des mises en page basées sur CSS/DIV et dépendra de jQuery et d'AJAX pour les interactions. En ce qui concerne les conventions de codage CSS et la structure, comment puis-je concevoir SS pour tirer le meilleur parti de jQuery?

Quels concepts CSS devrais-je maîtriser si je veux que mon travail de conception de jQuery s'accorde avec le travail CSS?

thx --Steve ...

Answer 1

Voici quelques jQuery performance rules qui donne quelques conseils sur la façon de configurer les ID et les classes.

Answer 2

Vous pouvez jeter un oeil sur le cadre jQuery UI CSS. C'est un moyen astucieux et convivial de styliser votre interface utilisateur. Des trucs sympa ...

Answer 3

Règle de base pour profiter de CSS w.r.t. jQuery: utilise des classes. puis utilisez plus de classes. mais assurez-vous que les classes représentent « rôle » et non « comportement »

par exemple: ceci est mauvais

<ul> 
    <li class='red'><a href='http://microsoft.com/'>MS</a></li> 
    <li><a href='http://google.com/'>goog</a></li> 
    <li class='green-bg'><a href=http://ubuntu.com/'>Ubuntu</a></li> 
</ul> 

par exemple: ce qui est bon. Cette convention CSS subtile vous permettra de faire des choses puissantes à votre interface utilisateur avec une facilité déconcertante.

Cheers, jrh.