Love using gradients on websites but hate having to create them? I’ve got some good news for you – Gradient 1.1 for Mac has been updated and now has Sass support for all the fans!

Gradient for Mac has been designed to be the missing link between web designers and colors. Gradients provides a great user interface to let you focus on creating the gradients themselves, rather than getting bogged down with the code. Once you’re happy with the gradient, simply copy the code out of the app. Simple.

The Gradient app website further explains how it’s possible to create an exact gradient. This is handy if you want to replicate a gradient in CSS3 from a Photoshop document:

If you have a value to match, type it in the input pane choosing either RGB, HEX or HSL and activate the alpha transparency by simply changing its value.

Easy.

Custom Output for Browsers

So, worried that Gradient for Mac won’t catch all the fancy browser prefixes you want to target? Don’t worry.

Perfect the output on a per project basis (or each time before copying it) so you don’t have to edit the generated code every time you paste it in your editor. You can select which browser prefixes you want in, color fall-backs and output types, granting consistency in your web design projects.

All in all, the SASS update to Gradient app has taken an already great app and improved it further. Whilst some people prefer creating gradients and styling using code rather than an interface, for me, Gradient app is a lot easier to use. I prefer using little apps to do stand-alone tasks rather than mastering code. I find it easier to use a well designed interface than staring at a block of text. There’s no argument that Gradient app is well designed.

Jumpzero, the creators of Gradients, say that multi-step gradients are on their way. As well as “super secret coolness.” So stay tuned.

Pick up Gradient 1.1 on the Mac App store today!