Using SASS for writing cleaner, more powerful CSS

You have probably seen a ton of blog posts recently about CSS3 and HTML5. How will we ever keep up with everything? Here are a few tools that you may want to check out to make things a bit easier.
Sass is an extension of CSS3, and is also a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than basic CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets. Now it’s just finding the time to learn it! The good news is if you know basic CSS and nesting techniques from HTML, you should be able to understand the how and why behind it. I personally love that they’ve gotten rid of some brackets – as when my students are learning they tend to forget an end bracket here and there which really plays havoc on their style sheet! ;} If you can check it out it will save you hours on writing code, and your style sheet will be so much cleaner.

If you’ve read my previous post on Ruby, you’ll need Ruby installed to run this. The good news is if you’re on OSX you’ve already got it.

Screen shot 2011-02-27 at 6.18.35 PM

Comments are closed