Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CSS Preprocessors

394 views

Published on

Talk on CSS Preprocessors at Hogeschool Rotterdam (1 february 2013) during the MT Meetup.

Full schedule: https://joind.in/event/view/1203

  • Be the first to comment

  • Be the first to like this

CSS Preprocessors

  1. 1. CSS PREPROCESSORS Alex Meijer - 1 Feb 2013
  2. 2. CSS WHAT??“ CSS preprocessors take code written in the preprocessed language and then convert that code into the same old css we’ve been writing for years. ”
  3. 3. USAGEStats: June 2012
  4. 4. USAGE
  5. 5. TYPE OF PREPROCESSOR
  6. 6. LESS IS MORE... what about SASS?
  7. 7. POWER OF PREPROCESSORS! 1. Nesting 2. Variables !!!! 3. Mixins !!!! 4. Inheritance !!!! 5. many many more....
  8. 8. 1. NESTING
  9. 9. 2. VARIABLES
  10. 10. 3. MIXINS
  11. 11. 4. INHERITANCE
  12. 12. HANDS ON!!!
  13. 13. MISCONCEPTIONSFaster CSSCleaner CSS → development vs productionLESS requires JavascriptSASS runs on the command line → tools!
  14. 14. QUESTIONS? @AmeijerNL

×