Sass is a great tool for taking your CSS to the next level. It is a CSS preprocessor, which is a class of CSS tools which are essentially a scripting language that gives CSS much greater flexibility and power, but still gives you CSS at the end of the day. More and more projects today are incorporating Sass and its companion library, Compass for the efficiency it provides. This series explains what a CSS preprocessor is, and then explores getting up and running with Sass, from installation to Sass syntax usage, along with looking at some of the powerful things you can do with Compass.
Trainer's Note: Front-end development moves fast! Many of the technologies and workflows presented here have been replaced by new methods. Check out the following resources for more up-to-date information:
- Sass (official site)
- Libsass (sass-lang.com)
- Style Guide Driven Development: All hail the robot overlords! (DrupalCon presentation)