Menu Toggle

I Love SASS

  • CSS3.
  • Development.

No, not the kind of sass that means ‘insolent or impudent talk or behaviour’ – that’s hard to love. The SASS that I love is the kind that extends CSS3 into a language that behaves more like a ‘proper’ programming language. It stands for Syntactically Awesome Style Sheets.

If you’re a web developer or designer then you should love it too. Why? Because it speeds up your work flow. With SASS, you can make use of variables, mixins (basically functions), nesting, and selector inheritance using @extend. SASS (or SCSS) removes the tedious task of repeating yourself when writing CSS. It means making a change to the whole of your code is as easy as changing a variable value or tweaking a mixin. I won’t go into detail about each of the terms I’ve mentioned here because the SASS website will give you all the info you need.

Here’s a handy SASS Tutorial to get you started, and if you want to have a play with it – try before you buy (don’t worry – it’s free) – then you can do that too with the try SASS tool on the SASS website.

There are also plenty of excellent mixin libraries that you can extend SASS with too. I’m a fan of Compass but there are other frameworks about that might suit you better (like the excellent Bourbon Framework – nice website too). If you do choose to go with the Compass framework, then be sure to check out SUSY too (a responsive grid framework).

I use SASS with everything I build these days. I wouldn’t dream of going back to the olden days of flat CSS.

As always, if you need any pointers getting to grips with SASS, drop me an email on sam@samkitson.co.uk and I’ll be glad to help.