Commentaires sur : Bonnes pratiques de codage CSS

Par : Conventions de programmation : la nécessaire maturité - La Case de l'Oncle Tom

Conventions de programmation : la nécessaire maturité - La Case de l'Oncle Tom — Wed, 23 Jul 2008 16:14:13 +0000

[...] Inutile de paraphraser ce que j’ai déjà écris dans mon article sur les bonnes pratiques de codage CSS. [...]

Par : Nath

Nath — Sun, 09 Mar 2008 14:52:40 +0000

Je travaille en ce moment avec une agence dont l’intégrateur met tout dans un fichier. Je trouve que ça alourdit considérablement le code, car il doit trouver des noms uniques à chaque fois, et du coup répéter de nombreuses règles.
Je préfère un découpage hiérarchique qui permet beaucoup plus de réutiliser, et sera en même temps moins lourds car le fichiers génériques seront gardés en cache ! Ce qui n’est pas le cas si on les concatène.

Bon, en même temps l’intégrateur en question met toutes ses images en background, même les boutons et les titres. Vive l’accessibilité !

Par : Oncle Tom

Oncle Tom — Wed, 27 Feb 2008 08:18:27 +0000

@Sprank : tu peux indenter avec des espaces, c’est un élément atomique de la tabulation. Certains éditeurs se configurent pour utiliser « n espaces » pour chaque appui sur la touche tabulation.
Le principal intérêt d’utiliser des espaces au lieu des tabulations c’est que justement, 1 tabulation n’a pas la même largeur selon l’éditeur employé : ça peut être 3, 4 voire 5 espaces.

@Rhaze : Ce découpage est bien en effet. Après je pense que tout dépend la taille du projet : s’il est important, un découpage par module est on ne peut plus pertinent.
Après appeler maxi 2 feuilles n’est pas important : si tu veux dépasser ce nombre, utiliser des compresseurs qui agrègent « n CSS » en 1 fichier final.

Par : Sprank

Sprank — Wed, 27 Feb 2008 00:41:48 +0000

Il y a une chose que je ne comprend pas : tu parles de sémantique et tu dis indenter ton code avec des espaces. Les tabs n’ont pas justement pour fonction d’indenter ?

Par : Rhaze

Rhaze — Tue, 26 Feb 2008 18:59:30 +0000

Très intéressant. Personellement j’utilise également les commentaires conditionnels pour IE. Par contre avant je faisais comme toi à savoir une feuille par média et par site mais j’en suis un peu revenu.
Il m’arrive désormais régulièrement de faire une feuille « général » avec la structure et les éléments récurrents et une feuille annexe pour certaines pages ou « modules » avec comme contrainte d’essayer de ne jamais appeler plus de 2 feuilles de style.
La ou j’ai un vrai problème c’est pour la sémantique. je suis vraiment nul. Je me creuse la tête pour essayer de trouver un nom sémantique et je me retrouve malgré tout souvent avec des règles nommés en fonction de leur représentation.

Par : Oncle Tom

Oncle Tom — Tue, 26 Feb 2008 11:12:47 +0000

J’y pensais hier soir mais j’ai eu la flemme de rallumer l’ordi pour ça : effectivement je n’ai pas parlé des hacks.

Personnellement je fais uniquement appel aux commentaires conditionnels. C’est beaucoup plus souple que polluer sa feuille de style. Ça permet de partir sur une écriture conforme, qui passera le validateur et de surcharger la feuille avec d’autres feuilles, uniquement pour Internet Explorer.
C’est d’ailleurs la méthode préconisée par Microsoft.

Par : Gressmon

Gressmon — Tue, 26 Feb 2008 11:01:34 +0000

Merci pour les conseils. Celà dit il y a certains points sur lesquels j’hésite encore quand je code du CSS : les hacks ? où une feuille de style séparée ? J’ai fais le choix de la feuille de style pour ie6 par exemple, mais l’intervenant qu’on a en cours privilégie les hacks (et c’est loin d’être un débutant) … et aussi, lui il fait des feuilles de styles pour chaque « module » du site. On avait l’exemple d’un site de réservation de voyages, avec une architecture MVC etc, donc il avait ses CSS pour les modules « génériques » (fonctionnels donc), mais j’ai pas bien compris l’utilité, bref …
En ce qui concerne le découpage de la feuille, j’ai pour l’instant procédé par ordre d’apparition dans l’html (éléments communs, puis header, contenu/sidebar, footer).