Miriam Suzanne

Jump Start Sass



Available from O’Reilly »

(e-books available on SitePoint »)

Press:

Miriam and Kitty have become some of the most notable creators of Sass plugins and best practices.

— Chris Eppstein, Sass Core Developer

This is hands down the best book on Sass if you want to learn the most important parts of the Sass language that will help you architect a good application.

— Kaelig Deloumeau-Prigent, SitePoint

Contents

  1. Foreword - by Chris Eppstein
  2. Hello World — An introduction to Sass in modern front-end development, its history, its syntaxes (Sass and SCSS) as well as its competitors (LESS, Stylus and PostCSS).
  3. Getting Started — A short explanation on how to install Sass binaries (both the Ruby gem and node-sass) and how to use them to compile Sass stylesheets to CSS.
  4. Variables — An extensive chapter on variables, how they work, how to use them, when and why, closed with a comparison with CSS Custom Properties.
  5. Functions & Mixins — A chapter dedicated to mastering functions and mixins to start building small systems.
  6. Loops & Conditions — A concise explanation of how logical structures work in Sass, mainly loops and conditions statements, and how to use them to build powerful mixins.
  7. Nesting — A reminder on the nesting feature, mostly focused on selector nesting, providing helpful tips to avoid being lost in the dreaded horizontal pyramid of selectors.
  8. Extend — A solid introduction to the @extend directive and how to avoid bloated output when using it.
  9. Warnings & Errors — An introduction to the ability to emit warnings and throw errors directly from within stylesheets, as well as why and when doing so makes sense.
  10. Architecture — A massive chapter on different approaches to Sass-powered project architecture, including OOCSS, ITCSS, SMACSS and more.
  11. Ecosystem — The final chapter introduces you to the Sass ecosystem, its main toolkits, libraries and frameworks such as Bourbon, Susy, Accoutrement, SassDoc, Sass-Guidelines, Modular Scale, SCSS-lint and many many more.