Skip to main
Article
Jump Start Sass, by Miriam Suzanne and Hugo Giraudel

Jump Start Sass

Get up to speed with Sass in a weekend…

Using Sass, you can write your stylesheets in a more concise, dynamic, and readable way, and cut down many of the repetitive tasks that come with writing vanilla CSS. This book provides a thorough introduction to Sass for the beginner.

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.

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

buy the book or download the e-book »


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.

Resources

  1. Link resource type

    How to Write Beautiful Sass

    Excerpt from Jump Start Sass, chapter 11

    Clean, beautiful code should be a goal in every project. If other developers need to make a change, they should be able to read what is there and understand it. Readable code is the core of maintainability. This excerpt from Miriam’s book, Jump Start Sass will help get you started…

    see all Link resources
  2. Link resource type

    Sass Architecture

    Excerpt from Jump Start Sass, chapter 11

    I’m excited to release Jump Start Sass, a book I co-authored with Hugo Giraudel. Digital copies are available from SitePoint, wih print editions sold by O’Reilly. Here’s an excerpt from Chapter 11, Sass Architecture.

    see all Link resources