How to get most out of your stylesheets by using LESS

Alex Schilpp's picture

LESS is a CSS preprocessor language that extends your stylesheets with dynamic features. It was developed by Alexis Sellier with the main goal to make coding of stylesheets more efficient and to avoid code redundancy. The open source language can be seen as a superset of CSS as it uses the existing CSS syntax. Therefore valid CSS is also valid LESS code. The most crucial benefits LESS provides you with are variables, nesting, mixins, operators and functions.

(Mis)use the Text-shadow Property for 7 Cool Text Effects

Chris Loos's picture

The CSS3 text-shadow property is a great way to give a heading or title a little extra visual weight on a page. But did you know that you can simulate all kinds of Photoshop filter-like effects with it as well?

Ten Reasons You Should Be Using a CSS Preprocessor

Chris Loos's picture

I started hearing about this CSS preprocessor stuff a couple of years ago. The concept intrigued me: Use special, supercharged CSS files that could contain variables, functions, "mixins", and other features. After development, these special files would then be compiled into regular CSS files that all web browsers could understand.

To my peril, I stayed away from CSS preprocessors until recently. "Why should I add another layer of complexity to my development workflow?" I thought. "I know what I'm doing with CSS. If it's not broken, don't fix it."