Responsive Web Design with Sass and Compass training workshop files
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.
If you have any questions regarding installing, they are most likely answered within the Installing Sass+Compass Guide
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
- Compass-normalize: https://github.com/ksmandersen/compass-normalize
- Susy: http://susy.oddbird.net
- Breakpoint: https://github.com/canarymason/breakpoint
- Respond-to: https://github.com/snugug/respond-to
- Toolkit: https://github.com/Snugug/toolkit
- Sassy Buttons: http://jaredhardy.com/sassy-buttons
- Singularity GS: http://singularity.gs
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);}
http://mqtest.io will show you window, device, orientation, aspect-ratio, and UA.