SlideShare a Scribd company logo
1 of 19
Download to read offline
Accélérez vos développements
CSS avec SASS
C’est qui ce mec ?!?
Mohand AIT-HATRIT – 32 ans
Développeur Front-End / Webdesigner
Crédit Agricole Franche-Comté
Site web : www.akaflem.com
Twitter : @akaflem
Email : mohand.aithatrit@gmail.com
Web, Musique, Rigolade, Rencontres, Bières et surtout WEB WEB WEB WEB WEB …
CSS c’est bien mais c’est vite le …
Feuille de style à rallonge
Répétition des styles
Maintenance de plus en plus complexe
Différence des navigateurs (ex: les préfixes de constructeurs de type –webkit-)
Langage statique
Validité du code et erreur de syntaxe
Et la lumière fut : Les préprocesseurs
Métalangage : « la machine écrit pour vous »
Validation du code à la volée
Inclusion de fichier intelligente
Fonctionnalités étendues
(variables, imbrications, mixins, fonctions, boucles, conditions …)
Minification à la volée
Sass, Syntactically awesome style sheets
Sass est écrit en Ruby, donc nécessite l’installation de Ruby
S’exécute en ligne de commande
La syntaxe : .SCSS depuis la version 3
INSTALLATION : TOUT EST SUR http://sass-lang.com
gem install sass 
LES PARTIELS
Une structure maintenable
Une inclusion intelligente des feuilles de styles grâce à @import + _ + .scss
C’est bien, mais ca donne quoi ?
Grâce à cette petite ligne de commande magique :
sass --watch scss/styles.scss:css/styles.min.css --style compressed
A chaque modification d’un des fichiers inclus,
une belle feuille de style minifiée sera générée dans le dossier css 
LES VARIABLES
SCSS CSS
Imbrications
SCSS CSS
Imbricationsmieux ou pas
SCSS CSS
Sélécteurs avancés : > + ~ *
SCSS CSS
Sélécteur d’attachement et parent : &
SCSS CSS
mixins
SCSS CSS
Mixins encore mieux !
SCSS CSS
Héritage : @extend
SCSS CSS
FONCTIONS
SCSS CSS
FONCTIONS encore plus mieux
SCSS CSS
Pour aller plus loin !
Compass : un métaframework
http://compass-style.org
CSS maintenables avec Sass & Compass de Kaelig Deloumeau-Prigent
http://www.css-maintenables.fr
Sass & Compass avancé de Mehdi Kabab
http://livre-sass-compass.fr
MERCI !!!

More Related Content

Viewers also liked

eStat Mediametrie - La fréquentation des sites Internet (06.03.13)
eStat Mediametrie - La fréquentation des sites Internet (06.03.13)eStat Mediametrie - La fréquentation des sites Internet (06.03.13)
eStat Mediametrie - La fréquentation des sites Internet (06.03.13)Ad6 Media
 
Tics lina barreto
Tics lina barretoTics lina barreto
Tics lina barretolinitamac
 
Familias tipográficas brian granados
Familias tipográficas brian granadosFamilias tipográficas brian granados
Familias tipográficas brian granadosteoma95
 
El Texto
El Texto El Texto
El Texto duvan10
 
Business Booster, Franchise Développement Commercial
Business Booster, Franchise Développement CommercialBusiness Booster, Franchise Développement Commercial
Business Booster, Franchise Développement CommercialTeemster
 
Arquitectura De Un Pc
Arquitectura De Un PcArquitectura De Un Pc
Arquitectura De Un PcVanesSita56
 
Proposta de necessitats 2008
Proposta de necessitats 2008Proposta de necessitats 2008
Proposta de necessitats 20082011Edu
 

Viewers also liked (17)

eStat Mediametrie - La fréquentation des sites Internet (06.03.13)
eStat Mediametrie - La fréquentation des sites Internet (06.03.13)eStat Mediametrie - La fréquentation des sites Internet (06.03.13)
eStat Mediametrie - La fréquentation des sites Internet (06.03.13)
 
Historia del internet
Historia del internetHistoria del internet
Historia del internet
 
Tics lina barreto
Tics lina barretoTics lina barreto
Tics lina barreto
 
Familias tipográficas brian granados
Familias tipográficas brian granadosFamilias tipográficas brian granados
Familias tipográficas brian granados
 
El Texto
El Texto El Texto
El Texto
 
Tipologías y topologías
Tipologías y topologíasTipologías y topologías
Tipologías y topologías
 
Business Booster, Franchise Développement Commercial
Business Booster, Franchise Développement CommercialBusiness Booster, Franchise Développement Commercial
Business Booster, Franchise Développement Commercial
 
bloque 6
bloque 6bloque 6
bloque 6
 
Josh keynote
Josh keynoteJosh keynote
Josh keynote
 
¿Qué es un P.E.C.?
¿Qué es un P.E.C.?¿Qué es un P.E.C.?
¿Qué es un P.E.C.?
 
Arquitectura De Un Pc
Arquitectura De Un PcArquitectura De Un Pc
Arquitectura De Un Pc
 
Proposta de necessitats 2008
Proposta de necessitats 2008Proposta de necessitats 2008
Proposta de necessitats 2008
 
Div exa olym_de_troi
Div exa olym_de_troiDiv exa olym_de_troi
Div exa olym_de_troi
 
Kubicek
KubicekKubicek
Kubicek
 
tarjetas madre
tarjetas madretarjetas madre
tarjetas madre
 
Mi acuario
Mi acuarioMi acuario
Mi acuario
 
Propuestas pp monelos
Propuestas pp monelosPropuestas pp monelos
Propuestas pp monelos
 

Similar to Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]

Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
 
Vocabulaire Web
Vocabulaire WebVocabulaire Web
Vocabulaire WebNETPRESTA
 
AspectizeWhyHowWhat
AspectizeWhyHowWhatAspectizeWhyHowWhat
AspectizeWhyHowWhatFredy Fadel
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Microsoft Technet France
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !davrous
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxyassinesouli2
 
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitéeFront end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitéeOuadie LAHDIOUI
 
Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !matparisot
 
Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !Mathieu Parisot
 
Digital race evolution programmation web 1.0
Digital race   evolution programmation web 1.0Digital race   evolution programmation web 1.0
Digital race evolution programmation web 1.0Sequoia-ID
 
Introduction to Rust in Production - Servo Mozilla project (Slides)
Introduction to Rust in Production - Servo Mozilla project (Slides)Introduction to Rust in Production - Servo Mozilla project (Slides)
Introduction to Rust in Production - Servo Mozilla project (Slides)Quentin Frémeaux
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } ManagementDavid Roessli
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEMarouan OMEZZINE
 
Développement Web
Développement WebDéveloppement Web
Développement Webmastertic
 

Similar to Accélérez vos développements CSS avec SASS / Digital apéro [06/2014] (20)

Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascriptIntroduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
 
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptIntroduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
 
Vocabulaire Web
Vocabulaire WebVocabulaire Web
Vocabulaire Web
 
Seminaire web EAA 2017
Seminaire web EAA 2017Seminaire web EAA 2017
Seminaire web EAA 2017
 
AspectizeWhyHowWhat
AspectizeWhyHowWhatAspectizeWhyHowWhat
AspectizeWhyHowWhat
 
Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !Les dernières avancées HTML5 & CSS3 en action !
Les dernières avancées HTML5 & CSS3 en action !
 
Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !Les dernières avancées html5 & css3 en action !
Les dernières avancées html5 & css3 en action !
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Langage CSS
Langage CSSLangage CSS
Langage CSS
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Front end Hero Presentation
Front end Hero PresentationFront end Hero Presentation
Front end Hero Presentation
 
Yass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptxYass-RSI-Bootstrap.pptx
Yass-RSI-Bootstrap.pptx
 
Front end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitéeFront end, une île qui mérite d'être visitée
Front end, une île qui mérite d'être visitée
 
Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !
 
Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !Développez dans le futur, dès maintenant !
Développez dans le futur, dès maintenant !
 
Digital race evolution programmation web 1.0
Digital race   evolution programmation web 1.0Digital race   evolution programmation web 1.0
Digital race evolution programmation web 1.0
 
Introduction to Rust in Production - Servo Mozilla project (Slides)
Introduction to Rust in Production - Servo Mozilla project (Slides)Introduction to Rust in Production - Servo Mozilla project (Slides)
Introduction to Rust in Production - Servo Mozilla project (Slides)
 
Web { Design Project } Management
Web { Design Project } ManagementWeb { Design Project } Management
Web { Design Project } Management
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 

More from Silicon Comté

Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...
Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...
Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...Silicon Comté
 
Digital Apéro - Le SEO en 2020
Digital Apéro - Le SEO en 2020Digital Apéro - Le SEO en 2020
Digital Apéro - Le SEO en 2020Silicon Comté
 
Retour d'expérience : gérer des flux vidéos multiples de manière optimisée
Retour d'expérience :  gérer des flux vidéos multiples de manière optimiséeRetour d'expérience :  gérer des flux vidéos multiples de manière optimisée
Retour d'expérience : gérer des flux vidéos multiples de manière optimiséeSilicon Comté
 
Web perf Silicon Comte
Web perf Silicon ComteWeb perf Silicon Comte
Web perf Silicon ComteSilicon Comté
 
Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...
Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...
Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...Silicon Comté
 
[22/03/2016] Conférence : Blockchain, disruption & révolution
[22/03/2016] Conférence : Blockchain, disruption & révolution[22/03/2016] Conférence : Blockchain, disruption & révolution
[22/03/2016] Conférence : Blockchain, disruption & révolutionSilicon Comté
 
Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]
Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]
Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]Silicon Comté
 
Introduction à Docker et utilisation en production /Digital apéro Besançon [1...
Introduction à Docker et utilisation en production /Digital apéro Besançon [1...Introduction à Docker et utilisation en production /Digital apéro Besançon [1...
Introduction à Docker et utilisation en production /Digital apéro Besançon [1...Silicon Comté
 
Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]
Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]
Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]Silicon Comté
 
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Introduction au langage de programmation Lua / Digital apéro [03/12/2014]
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Silicon Comté
 
La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...
La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...
La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...Silicon Comté
 
Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)
Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)
Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)Silicon Comté
 
Evaluation TIC 2015 (annexes techniques)
Evaluation TIC 2015 (annexes techniques)Evaluation TIC 2015 (annexes techniques)
Evaluation TIC 2015 (annexes techniques)Silicon Comté
 
FEDER - Rapport d'évaluation TIC 2015 (phase 1)
FEDER - Rapport d'évaluation TIC 2015 (phase 1)FEDER - Rapport d'évaluation TIC 2015 (phase 1)
FEDER - Rapport d'évaluation TIC 2015 (phase 1)Silicon Comté
 
FEDER - Rapport final d'évaluation TIC 2015 (phase 2)
FEDER - Rapport final d'évaluation TIC 2015 (phase 2)FEDER - Rapport final d'évaluation TIC 2015 (phase 2)
FEDER - Rapport final d'évaluation TIC 2015 (phase 2)Silicon Comté
 
SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)
SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)
SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)Silicon Comté
 
Mission d’évaluation et d’expertise du programme Pratic
Mission d’évaluation et d’expertise du programme PraticMission d’évaluation et d’expertise du programme Pratic
Mission d’évaluation et d’expertise du programme PraticSilicon Comté
 
CESR - Avis sur Aménagement du territoire (2012)
CESR - Avis sur Aménagement du territoire (2012)CESR - Avis sur Aménagement du territoire (2012)
CESR - Avis sur Aménagement du territoire (2012)Silicon Comté
 

More from Silicon Comté (20)

Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...
Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...
Digital Apéro - Lancer la V1 de son app sans coder grâce au No Code - Fatouma...
 
Digital Apéro - Le SEO en 2020
Digital Apéro - Le SEO en 2020Digital Apéro - Le SEO en 2020
Digital Apéro - Le SEO en 2020
 
20200219 dasc
20200219 dasc20200219 dasc
20200219 dasc
 
Retour d'expérience : gérer des flux vidéos multiples de manière optimisée
Retour d'expérience :  gérer des flux vidéos multiples de manière optimiséeRetour d'expérience :  gérer des flux vidéos multiples de manière optimisée
Retour d'expérience : gérer des flux vidéos multiples de manière optimisée
 
Web perf Silicon Comte
Web perf Silicon ComteWeb perf Silicon Comte
Web perf Silicon Comte
 
Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...
Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...
Vente en ligne et données personnelles, les règles actuelles / Digital Apéro ...
 
[22/03/2016] Conférence : Blockchain, disruption & révolution
[22/03/2016] Conférence : Blockchain, disruption & révolution[22/03/2016] Conférence : Blockchain, disruption & révolution
[22/03/2016] Conférence : Blockchain, disruption & révolution
 
Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]
Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]
Docker ! De la découverte à la mise en production / Digital apéro [19/03/2015]
 
Introduction à Docker et utilisation en production /Digital apéro Besançon [1...
Introduction à Docker et utilisation en production /Digital apéro Besançon [1...Introduction à Docker et utilisation en production /Digital apéro Besançon [1...
Introduction à Docker et utilisation en production /Digital apéro Besançon [1...
 
Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]
Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]
Développeurs, gagnez du temps avec le cloud / Digital apéro [07/04/2015]
 
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Introduction au langage de programmation Lua / Digital apéro [03/12/2014]
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]
 
La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...
La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...
La fibre optique (FTTH) à Besançon, point sur le déploiement / Digital apéro ...
 
Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)
Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)
Liste des bénéficiaires de fonds européens en Franche-Comté (TIC)
 
Evaluation TIC 2015 (annexes techniques)
Evaluation TIC 2015 (annexes techniques)Evaluation TIC 2015 (annexes techniques)
Evaluation TIC 2015 (annexes techniques)
 
FEDER - Rapport d'évaluation TIC 2015 (phase 1)
FEDER - Rapport d'évaluation TIC 2015 (phase 1)FEDER - Rapport d'évaluation TIC 2015 (phase 1)
FEDER - Rapport d'évaluation TIC 2015 (phase 1)
 
FEDER - Rapport final d'évaluation TIC 2015 (phase 2)
FEDER - Rapport final d'évaluation TIC 2015 (phase 2)FEDER - Rapport final d'évaluation TIC 2015 (phase 2)
FEDER - Rapport final d'évaluation TIC 2015 (phase 2)
 
SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)
SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)
SGAR Franche-Comté - Évaluation tic synthèse (version juin 2009)
 
Mission d’évaluation et d’expertise du programme Pratic
Mission d’évaluation et d’expertise du programme PraticMission d’évaluation et d’expertise du programme Pratic
Mission d’évaluation et d’expertise du programme Pratic
 
CESR - Avis sur Aménagement du territoire (2012)
CESR - Avis sur Aménagement du territoire (2012)CESR - Avis sur Aménagement du territoire (2012)
CESR - Avis sur Aménagement du territoire (2012)
 
SDTAN Jura
SDTAN JuraSDTAN Jura
SDTAN Jura
 

Accélérez vos développements CSS avec SASS / Digital apéro [06/2014]

  • 2. C’est qui ce mec ?!? Mohand AIT-HATRIT – 32 ans Développeur Front-End / Webdesigner Crédit Agricole Franche-Comté Site web : www.akaflem.com Twitter : @akaflem Email : mohand.aithatrit@gmail.com Web, Musique, Rigolade, Rencontres, Bières et surtout WEB WEB WEB WEB WEB …
  • 3. CSS c’est bien mais c’est vite le … Feuille de style à rallonge Répétition des styles Maintenance de plus en plus complexe Différence des navigateurs (ex: les préfixes de constructeurs de type –webkit-) Langage statique Validité du code et erreur de syntaxe
  • 4. Et la lumière fut : Les préprocesseurs Métalangage : « la machine écrit pour vous » Validation du code à la volée Inclusion de fichier intelligente Fonctionnalités étendues (variables, imbrications, mixins, fonctions, boucles, conditions …) Minification à la volée
  • 5. Sass, Syntactically awesome style sheets Sass est écrit en Ruby, donc nécessite l’installation de Ruby S’exécute en ligne de commande La syntaxe : .SCSS depuis la version 3 INSTALLATION : TOUT EST SUR http://sass-lang.com gem install sass 
  • 6. LES PARTIELS Une structure maintenable Une inclusion intelligente des feuilles de styles grâce à @import + _ + .scss
  • 7. C’est bien, mais ca donne quoi ? Grâce à cette petite ligne de commande magique : sass --watch scss/styles.scss:css/styles.min.css --style compressed A chaque modification d’un des fichiers inclus, une belle feuille de style minifiée sera générée dans le dossier css 
  • 11. Sélécteurs avancés : > + ~ * SCSS CSS
  • 12. Sélécteur d’attachement et parent : & SCSS CSS
  • 14. Mixins encore mieux ! SCSS CSS
  • 17. FONCTIONS encore plus mieux SCSS CSS
  • 18. Pour aller plus loin ! Compass : un métaframework http://compass-style.org CSS maintenables avec Sass & Compass de Kaelig Deloumeau-Prigent http://www.css-maintenables.fr Sass & Compass avancé de Mehdi Kabab http://livre-sass-compass.fr