Unless you have been coding your CSS inside an underground shelter for the past 4 years, then you have probably heard of Sass. Sass of course stands for [highlight]Syntactically Awesome StyleSheets[/highlight], and according to it’s developers:
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world
Sass is awesome. It allows you to use variables, nested rules, mixins and tonnes of other features that makes writing CSS less tedious and a lot more fun. Unfortunately, one thing that Sass does not offer out of the box, is a GUI compiler: And that’s where Koala comes in. Koala is a straight forward GUI application that not only compiles Sass but also Less and CoffeeScript. It’s open source and can run in windows, linux and mac.
So how do you compile Sass files using Koala? Here is a quick guide:
Step 1: Installation
The first step is to download, install and launch Koala. This is what you should see the first time you launch Koala.
Step 2: Adding a project
Now all you have to do is locate your Sass project folder, and drag it into the window. Koala will then list every Sass file it can find.
Step 3: Compiling
Now all you have to do is select any listed Sass file and press compile. Koala will then compile your file and produce a normal CSS file using the same name. That’s it! No complications. No typing commands in a console. Just drag, select and click.
There are many other Sass compilers out there, some even more powerful and many times faster. Unfortunately many of these are either paid or are non GUI based. They are neither straight forward nor user friendly to Sass newbies. If you are new to Sass, you should try Koala first then the rest later. But I must warn you, once you go Koala there is no going back.