CSS

De Vulgum Techus
Aller à : Navigation, rechercher


Générateur de CSS

En ligne

Compactage de CSS

Le compactage ou compression en anglais est l'opération qui consiste à supprimer tous les codes inutiles d'un source CSS pour le rendre plus difficilement lisible. Les codes concernés sont en priorités :

  • les tabulations de l'identation (/t)
  • les fins de ligne (/n)
  • les backslash (\)
  • les point-virgules (;)
  • les codes couleurs (#fff plutôt que #ffffff par exemple)
  • les unités pixel (0 plutôt que 0px par exemple)
  • la redondance d'unités (5px 8px au lieu de 5px 8px 5px 8px par exemple)
  • les commentaires (suppression de ce qui est compris entre /* et */)

Les gains dépendent du source mais la moyenne est aux alentours de 20%.

En ligne

  • csscompressor.com css compressor : 3 niveaux de compression et de nombreuses options disponibles

Décompactage et mise en forme

Le décompactage est l'opération qui consiste à redonner une forme lisible a des fichiers CSS compactés. Cela consiste prioritairement à remettre une indentation par tabulation, à séparer les longues lignes d'instructions en plusieurs lignes, à séparer les blocs d'instructions par des sauts de ligne et, le cas échéant, introduire des commentaires.

En ligne

  • cssbeautify.com CSS Beautify : remet en forme du code CSS compacté avec mise en couleur et indentation paramétrable
  • csslisible.com CSS Lisible : remet en forme du code CSS compacté (accepte copier/coller pour upload de fichiers)
  • cssunpacker.com CSSunpacker : remet en forme du code CSS compacté

Commentaires

blog comments powered by Disqus