Brajeshwar

3-min read

Stop torturing yourself with plain CSS, code with a CSS pre-processor

First, let me tell you, I’m pretty good with CSS. However, I’ve always hated writing CSS. Writing CSS is like using dried woods, leaves and rocks to lit a fire everything you need to cook something. You may become very good with it, but it’s an unforgiving task and you’ve to do the rigorous feat every time you need the fire. CSS is bland, dumb, linear and it’s utter lack of intelligence is derogatory even to the most novice coder.

Many designers and developers have urged the need for variables, constants or at-least some rudimentary intelligence. But it is unlikely, a far-fetched dream and is not happening anytime soon. And, there is the often dreaded math you have to do every time you write CSS grids/columns.

Nonetheless, help is at hand and I will say with certainty that if you still write CSS without a pre-processor, you’re doing it the very hard way. Why not use a CSS pre-processor!

There are quite a few popular CSS pre-processor available now – LessCSS, Sass and Stylus. Personally, I prefer Sass with scss syntax but it is just a preference and you’re free to pick a choice of your own.

Some of the good reasons to use one of these CSS pre-processors are:

I won’t go into the details - syntax, features, etc. for the pre-processors; just pick one and go with it, they’re all pretty much the same and you can switch amongst them easily. Get yourself comfortable with one and start using it.

Tools to help you get started

Compass

As mentioned above, I choose Sass with scss syntax because that is very close to CSS and I won’t be totally at lost if I’ve to drop everything and have to write in raw CSS. I also happen to come across Compass sometime back and I love it. Compass is the ultimate and must-have authoring tool if you’re using Sass.

Installation, usage and more tools

Unlike the early days, you no longer have to tinker with the command-line while dealing with the pre-processors, there are lots of tools that can make life way easier for you. You don’t have an excuse not to use it.

← Prev Next →