I recently presented at Philly Emerging Tech for the Enterprise on the benefits of abstracting CSS with Sass and Compass. While I don’t thoroughly cover every feature available, the session is almost entirely a live coding session, so it hopefully shows how easy-to-use and powerful these tools can be.
Lemonade is a simple Ruby gem that adds automatic sprite generation to Sass.
My newest post on the Sencha blog covering the wonders of SASS and Compass. Includes a full getting started guide and covers some of the techniques we used in developing the themes for Sencha Touch.
If you’re a web developer and haven’t given Sass a try yet, get into it ASAP. It a Ruby gem that abstracts CSS — it empowers the CSS with functions and variables, saves a ton of development time, and even makes it easier to be more consistent with your designs. Here’s a sample of a theme I’m working on which shows off some of the functionality.
Version 3 brings a new syntax to SASS, converting the language to a CSS superset, meaning it actually looks like CSS now (one of my biggest complaints of SASS 2). The new format is called SCSS (Sassy CSS) and is built off the CSS3 spec.
If you want to give it a shot, just install with:
gem install haml --pre