28172 sujets

CSS et mise en forme, CSS3

Comment rangez-vous vos propriétés CSS ?




Bonjour,

Comment rangez-vous vos propriétés CSS ?

#declaration { propriété : attribut;}

Utilisez vous un ordre precis, et si oui pourquoi/comment ?
Souvent je fais mes feuilles de style en trois parties.

1) Marges
2) Couleurs
3) Polices

Pour les feuilles pas trop importantes, c'est assez pratique pour le recyclage vers un autre site. Ca me permet de pointer assez vite ce que je veux modifier.

Par contre, s'il y a beaucoup d'objets, ça commence à faire brouillon. Dans ce cas, je préfère classer par objets.
Salut,

je ne range pas les propriétés même si j'ai certaines habitudes/automatisme. Ça ne m'a jamais gêné.
Administrateur
Bonjour,

un ordre précis.
Sur certains projets où je fais l'intégration seul ça n'a pas grande importance mais sur de plus gros projets, on va être 2-3 intégrateurs ou bien encore il faut reprendre le code d'un des 4 autres collègues (sans compter les stagiaires) et si chacun fait à sa manière, c'est la chienlit ! Smiley lol
Peu importe l'ordre à la rigueur, du moment que c'est le même.

- Corinne avait abordé le sujet ici : http://www.alsacreations.com/actu/lire/497-de-lordre-que-diable-.html (et il y a des commentaires intéressants). Nous appliquons depuis quelques mois l'ordre 1 3 2 4 5 (nous = Raphael, mon collègue Riku Asakura et ma pomme) si on se réfère à son billet.

- je sais plus où Raphael a abordé ce sujet plus récemment (actus, ie7nomore, futur bouquin je sais plus Smiley decu ),

- l'atelier Paris-Web 2010 d'Oncle Tom avant : http://case.oncle-tom.net/2010/paris-web-industrialiser-integration-html/ et surtout après : http://case.oncle-tom.net/2010/industrialiser-lartisanat-de-lintegration-web-retour-sur-latelier/ (il était très interactif et réussi, on doit probablement perdre bcp lors du passage au format texte Smiley cligne ). Le mindmap pour résolution 1920 x 1080

- fvsch nous donnera ses liens persos Smiley smile (je les ai pas en marque-pages ...)
Modifié par Felipe (13 Mar 2011 - 19:15)
Felipe a écrit :
- Corinne avait abordé le sujet ici : http://www.alsacreations.com/actu/lire/497-de-lordre-que-diable-.html (et il y a des commentaires intéressants). Nous appliquons depuis quelques mois l'ordre 1 3 2 4 5 (nous = Raphael, mon collègue Riku Asakura et ma pomme) si on se réfère à son billet.

Pour ma part j'ai un système qui ressemble à ça (1 3 2 4 5 aussi, tiens).
Mais dans des projets avec des collègues il m'arrive de classer par ordre alphabétique, parce que c'est l'habitude de certains et que des IDE proposent ce tri.

Le tout c'est de se mettre d'accord. Smiley smile

L'ordre alphabétique a pour avantage d'être simple, pas besoin de l'apprendre. Désavantage: certaines propriétés liées peuvent se retrouver séparées (color; ...; font-style; ...; ...; text-decoration).
Les autres tris évitent plus ou moins ce problème, mais par contre il faut les apprendre.

Autre remarque: apprendre à ne pas réorganiser le code des collègues si ce n'est pas vraiment nécessaire pour le projet. Si on est un peu maniaque on peut y perdre un temps fou, et se disputer avec ses collègues en prime. Smiley lol
Salut,

Pour ma part, je procède habituellement dans l'ordre suivant :
1. déclarations liées à la police,
2. couleurs,
3. arrière-plans,
4. dimensions,
5. espacements et marges,
6. bordures,
7. flottants et overflow,
8. positionnements,
9. tout ce qui n'entre pas dans les catégories précédentes.