As you may know, I do a little bit of web design on the side. While it isn't much, I do enjoy the little things I can make. When doing so, I absolutely love using the LESS CSS Preprocessor. What it does is modifies the CSS syntax and adds a couple features to it. You then compile your LESS into CSS, and the user is none the wiser.
From their page:
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js.
What I generally use it for is the variables and mixins. Sometimes, for large projects, it might be easier to just name a certain shade of pink that is hard to remember the hexcode for.
Or maybe, when using rounded corners and gradients a lot, you don't want to type out four different versions of the two, to satisfy browser cross-compliance.Wouldn't it be easier to just define the "gradient" style, pass it values, and it fill it into the 4 different gradient versions?
That is where LESS comes into play, for me.
Do you guys use LESS, SASS, Coffeescript, or other language preprocessors to simplify development? If so, which ones and why?