css preprocessor

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.

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."