PREPROCESSEURS CSS

 

SASS et LESS sont tous les 2 des préprocesseurs CSS

Objectif : amélioration du code CSS plus rapide

 

 

SASS (preprocesseur)

 

SASS (syntically awesome style sheets) possede 2 syntaxe :

La syntaxe indentée proche du haml (pas pratique)

Et la syntaxe SCSS proche du CSS

http://sass-lang.com/install

 

http://www.grafikart.fr/formations/sass-compass/install-geek

pour installer sass (pas besoin de fichier.exe), il faut installer d abord rubyinstaller.org

sur cmd : ruby –help : toutes les commandes et options

et maintenant pour installer sass (pas besoin de fichier.exe),:

sur cmd : gem ruby install

 

 

SASS peut être amélioré par compass (framework css)

http://compass-style.org/

 

LESS (preprocesseur)

LESS permet de faire des mixins CSS

http://lesscss.org/

 

less peut etre amélioré par compass aussi

 

après pour bien gérer l’ensemble des feuilles css, ya les recommandations SMACSS

https://smacss.com/

 

Installation de SASS :

Déjà pour installer SASS, il faut installer RubyInstaller

Et ensuite, je peux installer SASS avec le terminal en tapant une commande

 

Installation de sass

$ Gem install sass

$ Sass –help

 

Installation de compass

$ Gem install compass

$ Compass –help

 

Pour compiler sass

$ Sass –watch sass :css (compiler les fichiers du dossier sass dans le dossier css)

Le fichier config.rgb : remplacer stylesheets par css

 

Pour compiler compass

$ Compass init (créer tous les fichiers d initialisation)

$ Compass watch (faire cette commande et tout de suis après inclure : @import « compass » ; et @include box-shadow

Share Button