CSS : Différence entre versions
De Vulgum Techus
(→Compactage de CSS) |
|||
| Ligne 6 : | Ligne 6 : | ||
= Compactage de CSS = | = 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) | + | 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%. | Les gains dépendent du source mais la moyenne est aux alentours de 20%. | ||
| + | |||
== En ligne == | == En ligne == | ||
* [http://www.csscompressor.com/ csscompressor.com] '''css compressor''' : 3 niveaux de compression et de nombreuses options disponibles | * [http://www.csscompressor.com/ csscompressor.com] '''css compressor''' : 3 niveaux de compression et de nombreuses options disponibles | ||
| Ligne 13 : | Ligne 22 : | ||
== Décompactage et mise en forme == | == 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. | 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 == | == En ligne == | ||
*[http://cssbeautify.com cssbeautify.com] '''CSS Beautify : remet en forme du code '''CSS''' compacté avec mise en couleur et indentation paramétrable | *[http://cssbeautify.com cssbeautify.com] '''CSS Beautify : remet en forme du code '''CSS''' compacté avec mise en couleur et indentation paramétrable | ||
Version du 23 février 2014 à 13:03
Sommaire
Générateur de CSS
En ligne
- css.mammouthland.net Génère une page de style assez basique à partir d'un formulaire 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é
