Votre CSS avec SASS et Compass

Rédigé par Djb aucun commentaire

Petite explication sur le framework Compass et du langage SASS, pourquoi j'utilise cette technique lors de mes intégrations ?

Depuis peu, j'utilise SASS pour les intégrations de mes clients afin de gagner du temps sur les modifications et garder une structure logique.

Grâce aux mixins CSS3, mes intégrations sont compatibles avec tous les navigateurs sans me prendre la tête avec les préfixes CSS.

Pour l'installation, désolé je suis sous Mac donc pas besoin d'installe  Ruby

Une fois Ruby sur votre machine, il suffit de lancer sur votre console:

sudo gem install compass

 

Pour créer un nouveau projet 'test-projet' en tapant:

compass create test-projet

 

ou lancer un projet existant comme le framework responsive PluXml pour ne pas le citer.

Pour lancer compass et compiler votre sass en css

cd test-projet (nom du dossier)
compass watch

 

Rien de très compliqué, et voilà votre projet est prêt... Pensez à éditer votre fichier: config.rb pour configurer vos options SASS.

 

Voir aussi le tutoriel sur le framewok SASS pour PluXml

Tutoriel pour installer Compass sur PC

 

Bon codage...

 

 

Classé dans : Tutoriel Mots clés : Compass, SASS

A propos de l'auteur, Djb:

Fort de notre expérience dans la création et l'intégration de projets web, l'équipe Psd-HTML vous accompagnons dans la définition de votre charte graphique et la réalisation de votre projet Web - Intégrateur chez psd-html.fr

 

Écrire un commentaire