Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Front End Badassery with Sass

557 vues

Publié le

An intro to the features of Sass/SCSS

Publié dans : Technologie, Formation
  • Soyez le premier à commenter

Front End Badassery with Sass

  1. 1. FRONT ENDBADASSERY WITH SASS Jessica Eldredge RailsGirls DC 2012
  2. 2. “I don’t like the green. Can we change it?”
  3. 3. CSS IS A PAIN
  4. 4. it lacks VARIABLESit lacks FUNCTIONS it’s LONG it’s REPETITIVE
  5. 5. ENTER SASSa front end developer’s dream
  6. 6. VARIABLES
  7. 7. NESTING
  8. 8. MIXINS
  9. 9. EXTEND
  10. 10. COLOR FUNCTIONS
  11. 11. MATH
  12. 12. SASS OR SCSS?
  13. 13. TWO DIFFERENT SYNTAXES
  14. 14. HELPFUL TIPS
  15. 15. LIMIT YOUR NESTING no more than 2 levels
  16. 16. USE @IMPORTno extra HTTP requests!
  17. 17. SEPARATE MIXINS keep a mixin library
  18. 18. USE PARTIALS think in terms of MODULES build up your LIBRARY
  19. 19. NEXT STEPS
  20. 20. FRAMEWORKS, LIBRARIES Compass compass-style.org Bourbon thoughtbot.com/bourbon
  21. 21. LEARN MORE SCSSSass Documentation thesassway.com Chris Eppstein @chriseppsteingithub.com/chriseppstein
  22. 22. OTHER PREPROCESSORS LESS lesscss.org Stylus learnboost.github.com/stylus
  23. 23. GO FORTH, BADASS
  24. 24. KEEP IN TOUCH!jessica.avison@gmail.com @jessabean github.com/jessabean

×