Optimisez vos CSS

Je vous parlais il y a peu de CSS Compressor, un outil pour compresser vos CSS (principalement pour avoir les propriétés sur une seule ligne). Je viens de découvrir via un article du JDN deux outils (assez similaires) pour optimiser vos CSS.

Lors du développement d’un site, la feuille de style se transforme la plupart du temps en un énorme bordel pas toujours très cohérent. Par exemple des propriétés non combinées comme background-color, font-family et des propriétés combinées (background:, margin:, etc) à d’autres endroits.

Ces outils vont vous permettre de fixer tout ça. Et même plus, en regroupant les sélecteurs qui ont les mêmes propriétés et en les classant par ordre alphabétique. On peut se demander pourquoi ce genre d’outil ne fait pas encore partie de programme tel que Dreamweaver. Evidemment il est conseillé de faire une copie de votre CSS avant d’effectuer les modifications. En combinaison avec CSS Compressor, vous n’aurez plus d’excuses pour ne pas avoir une feuille de style bien organisée ^-^

13 commentaires

13 commentaires


  1. 1. Le 9 avril 2006 à 13:25  par Al-Go

    Mais qui regarde dans nos CSS ? Nous, uniquement nous en principe :-p

  2. 2. Le 10 avril 2006 à 15:57  par poussin

    Pas d’accord. Je regarde souvent les CSS des sites qui me plaisent. Ca me permet d’en apprendre sur le CSS en voyant comment intégrer ceci ou cela que je n’arrivai pas à faire. Je pense bien représenter une minorité dans ce cas là, mais pour moi qui butine pas mal, un CSS lisible, c’est important.

  3. 3. Le 10 avril 2006 à 16:34  par herdo

    PLAGIEUR poussin je vais te dénoncer sur cafzone !!!!! 8-)

  4. 4. Le 11 avril 2006 à 8:26  par Blaise

    Ca c’est une bonne nouvelle pour un retour de vacances. Perso je reagred tres souvent les CSS des autres ça me permet de me tenir au courant de ce qui se fait et ne se fait plus.

  5. 5. Le 11 avril 2006 à 9:24  par poussin

    herdo : je ne plagie pas et si j’utilise des “trucs” dont je ne suis pas l’auteur, je le mentionne. Cela dit, je n’utilise jamais tout un code, seulement des bouts qui me plaisent, puisqu’un code est écrit spécifiquement pour un site.

  6. 6. Le 11 avril 2006 à 9:27  par Ced

    poussin, il rigolait hein :-p

  7. 7. Le 11 avril 2006 à 9:42  par pardon poussin

    Poussin pourras-tu me pardonner un jour ;-( Je plaisantais en effet, désolé de t’avoir offusqué.

    C’était plutôt une boutade en rapport à la polémique du billet sur cafzone. :-p

  8. 8. Le 11 avril 2006 à 10:32  par poussin

    je le prenais bien comme ça ;-)

  9. 9. Le 11 avril 2006 à 13:07  par mauriz

    Il faut juste faire gaffe lorsqu’on utilise des “hacks” CSS. Mais dans la mesure où les hacks sont à éviter… :)

  10. 10. Le 18 avril 2006 à 14:23  par Monique

    Bonjour,

    Outils très utiles en effet, pour allèger une feuille de style bien-sûr mais surtout pour la rendre plus facile à relire (ordre alphabétique, propriétés combinées…) donc aussi à maintenir.
    Mais surtout pas pour avoir les propriétés sur une seule ligne, obligeant à jouer de l’ascenceur horizontal… vraiment trop pénible pour ceux qui tentent d’apporter aide et conseils sur les forums, par exemple.

    Amicalement,
    Monique

  11. 11. Le 18 avril 2006 à 14:46  par Ced

    Monique est partout en ce moment ^-^

    Personnellement, en production, je travaille beaucoup plus rapidement avec 2 écrans en défilement horizontal que… 15 écrans en défilement vertical. J’admets que pour une personne débute avec les CSS, ça n’est pas vraiment le plus pratique. Mais grâce à ces outils il est très facile de passer d’un mode à l’autre.

  12. 12. Le 24 avril 2006 à 14:28  par Perles

    Amusante cette petite application, mais bon, vu les malheureux octets que je gagne à la compression…

  13. 13. Le 2 mai 2006 à 11:16  par Stéphane

    Bonjour,

    hmm intérêt limité. est-ce qu’il ne font que joindre des lignes (des éditeurs textes le faisant déjà) ? ou est-ce qu’en plus ils trient les propriétés alphabétiquement ?

    les logiciels de styles ou d’édition html les écrivent propement en général.

Ajouter un commentaire