Overview

In Part 1, ​Basics​, we’ll take you through the very first things you’ll need to know about Sass and SCSS, like how to install (Task 1, ​Installing Sass​). We’ll also take you through variables, where Sass gets really exciting (Task 9, ​Defining Variables​).

We’ll take things to the next level in Part 2, ​Advanced​. One of the main things we’ll look at is mixins (Task 16, ​Keeping Code Clean with Mixins​). We’ll also take a look at some more programmer-style functions of Sass, such as @each and @if (in Task 22, ​Stop Repeating Yourself with @each​, and Task 23, ​Determining Conditions with @if​, respectively).

Chris Eppstein’s Compass is a great way to style pages, and we’ll go through it in Part 3, ​Compass​. We’ll cover things like adding columns to your text (Task 33, ​Jazzing Up Layouts with Columns​) and making a sticky footer (Task 29, ​Sticking a Footer to a Window​).

In Part 4, ​Blueprint CSS​, we’ll look at a framework that makes things even simpler than Compass. Among other things, it provides a great predefined structure to help you customize buttons, which we describe in Task 37, ​Making Beautiful Buttons​.