Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

13 outils en ligne pour organiser et compresser vos CSS

Tout est dans le titre :

  1. cleancss — La version française propose 4 niveaux de compression et permet de personnaliser les paramètres avec un gabarit de formatage pour votre feuille de style (exemple de compression maximale).
  2. Styleneat — Trie (ou pas) les sélecteurs ou les déclarations par ordre alphabétique. Affiche les déclarations sur plusieurs lignes. Possibilité de coller la feuille de style, de saisir l’URL de la feuille de style ou de l’uploader depuis votre poste de travail. (via roget.biz).
  3. dustmeselectors — Cette extension pour Firefox traque les sélecteurs CSS inutilisés dans la page web affichée à l’écran.
  4. Em Calculator — Pratique pour obtenir des valeurs en `em` pour les éléments de votre document HTML à partir d’une taille exprimée en `px`.
  5. Construct Your CSS — Construct est un éditeur visuel basé sur Blueprint et jQuery. Ce projet est commis par Christian Montoya. Il montre que l’on peut mettre à la disposition des intégrateurs web une boite à outil, ainsi qu’un éditeur visuel pour faire des CSS et du HTML sémantique.
  6. pagecolumn — Générateur de maquette en plusieurs colonnes avec CSS 2.0 en utilisant les `%`, les `px` ou les `em`. Possibilité d’imbriquer plusieurs colonnes ou des faire des effets de menus à onglets.
  7. drawter — Déjà évoqué sur ce blog : drawter, dessiné, c’est gagné.
  8. CSS Grid Calculator — Pour visualiser rapidement une maquette à partir d’une grille : les blocs de texte et les divisions de la page en colonnes (et les goutières qu vont avec) s’affichent dans le navigateur. En prime, vous obtiendrez les déclarations des styles CSS !
  9. CSS Compressor.
  10. CSS Compressor Advanced (cssdrive).
  11. List-u-Like CSS Generator.
  12. Cascading Style Sheets Optimization.
  13. Labo CSS.

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.

Afin de satisfaire le plus grand nombre, j'ai ajouté
un bouton Flattr parce que vous le valez bien ;)



10 commentaires pour “13 outils en ligne pour organiser et compresser vos CSS”

  1. druidux dit :

    lesquels sont les meilleurs sans être redondant?

  2. Bruno Bichet dit :

    Ca dépend de ce dont tu as besoin : compression, organisation, trie ?

  3. Tony Streaming dit :

    Moi j’utilise beaucoup Construct Your CSS, je le trouve très bien fait.

  4. Oli dit :

    Côté minification (et non compression) CSS et JS j’utilise http://www.scriptalizer.com/

  5. Thierry dit :

    Je viens de faire un tour sur l’outil backlink de factory, et j’y vois que tu as mentionné mon blog! A passage très bonne sélection

  6. [...] 13 outils en ligne pour organiser et compresser vos CSS [...]

  7. [...] 13 outils en ligne pour organiser et compresser vos CSS – [...]

  8. [...] 13 outils en ligne pour organiser et compresser vos CSS [...]

  9. Bruno Bichet dit :

    yep, tu m’a envoyé le lien vers styleneat il y a déjà quelques temps ;)

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site

Google Analytics Alternative