Compass Tutorials

#1 - Installing Compass and Creating a new Project w/ Compass

The first in a seriese of tutorials showing developers how to use the Compass CSS Authoring framework.

#2 - Adding and Using Compass

This is the 2nd tutorial in the Compass series. This tutorial covers how to add compass to an existing project and how to use it in your files.

#3 - Css3 Mixins

This is the 3rd tutorial in the Compass series. This tutorial covers how to use the built in Css3 mixins for easier browser safe code. Source located here: h...

#4 - Css3 Transitions

This is the 4th tutorial in the Compass series. This tutorial covers how to use the built in Css3 mixins for easier transitions in your css.

Compass Tutorials #4 - Css3 Transitions

This is the 4th tutorial in the Compass series. This tutorial covers how to use the built in Css3 mixins for easier transitions in your css.

#5 - Config.rb Introduction

This is the 5th tutorial in the Compass series. This tutorial is an introduction to the config.rb file that tells Compass the configuration of your site.

Compass Tutorials #5 - Config.rb Introduction

This is the 5th tutorial in the Compass series. This tutorial is an introduction to the config.rb file that tells Compass the configuration of your site.

#6 - Sprites In Compass

This is the 6th tutorial in the Compass series. This tutorial covers how to use Compass to generate your image sprites and do all of the heavy lifting for yo...

#7 - Advanced Sprite Configuration

This is the 7th tutorial in the Compass series. This tutorial covers how to use Compass to bend sprites to your will. Compass allows total control over the o...

Compass Tutorials #7 - Advanced Sprite Configuration

This is the 7th tutorial in the Compass series. This tutorial covers how to use Compass to bend sprites to your will. Compass allows total control over the o...

#8 - Base.scss and Horizontal Lists

This is the 8th tutorial in the Compass series. This tutorial covers how to use a _base.scss file in your Compass to keep your mixins and variables accessibl...

Compass Tutorials #8 - Base.scss and Horizontal Lists

This is the 8th tutorial in the Compass series. This tutorial covers how to use a _base.scss file in your Compass to keep your mixins and variables accessibl...

#9 - Using CodeKit to Install and Compile Compass

The 9th Compass tutorial in the Sass tutorial series. This tutorial covers how to use the application CodeKit to compile, configure, and install your compass...

Compass Tutorials #9 - Using CodeKit to Install and Compile Compass

The 9th Compass tutorial in the Sass tutorial series. This tutorial covers how to use the application CodeKit to compile, configure, and install your compass...

#10 - Vertical Rhythm

The 10th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to easily implement Vertical Rhythm using Compass. For more information ...

Compass Tutorials #11 - Font-Face & Font-Files

The 11th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to use the font-face mixin with the font-files helper to easily set up y...

#11 - Font-Face & Font-Files

The 11th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to use the font-face mixin with the font-files helper to easily set up y...

#12 - Utilities Part1 - Links & Color Contrast

The 12th Compass tutorial in the Sass tutorial series. This tutorial teaches you how to use Links and Color Contrast utilities in Compass.

#13 - Utilities Part 2 - Text & Text Replacement

The 13th Compass tutorial in the Compass tutorial series. This tutorial teaches you how to use Text and Text replacement utilities in Compass.