Tutoriel Vidéo CSS CSScomb

Télécharger la vidéo

13-09-2016 12:00:00

CSScomb est un outil qui va vous permettre de formatter votre CSS en suivant une série de règles prédéfinies. En plus de la syntaxe, CSSComb est aussi capable de réorganiser les règles à l'intérieur d'un sélecteur dans l'ordre que vous souhaitez.

Installation

CSScomb est basé sur NodeJS et s'installe donc gràce à la commande npm. Il peut être installé globalement afin de rendre la commande csscomb accessible sur tout le système ou localement.

npm i -g csscomb

Une fois installé on peut lui demander de formater n'importe quel CSS gràce à la commande csscomb :

csscomb ./chemin/vers/css 

Configuration

Il est évidemment possible de configurer CSScomb pour l'adapter à votre manière d'écrire le CSS. Cette configuration se fera au travers d'un fichier .csscomb.json qu'il faudra ensuite charger :

csscomb -c ./.csscomb.json ./chemin/vers/css 

Il est d'ailleurs possible de générer ce fichier de manière interactive gràce au générateur de configuration disponible sur le site. Si vous n'êtes pas inspiré vous pouvez aussi prendre la même configuration que Twitter Bootstrap.