Responsive Web Design with Sass and Compass training workshop files
Ruby JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

RWD with Sass+Compass Mini-training

Responsive Web Design with Sass and Compass training workshop files

Getting started

You'll need to install a few Ruby gems to take advantage of Sass and Compass on your local development machine.


OSX comes with Ruby installed.


Windows users should download and install RubyInstaller for Windows.


Linux users, you probably know how to get Ruby on your machine. Do that. Or follow the instructions in the PDF if you're not sure.

Getting Help

If you have any questions regarding installing, they are most likely answered within the Installing Sass+Compass Guide

Gem installation

Commands that start with # are just comments

# Update ruby, sass, compass and all existing gems
sudo gem update --system

# Download and install some Compass gems
sudo gem install compass toolkit compass-normalize sassy-buttons singularitygs

Documentation for these Compass extensions

Using JavaScript to get window dimensions

In the cosole of your developer tools of choice type the following line of code. Whenever you resize the window its width will be printed in the console.

window.onresize = function(){console.log(window.innerWidth);}

Using to get window dimensions will show you window, device, orientation, aspect-ratio, and UA.