Design your way

Tuesday, July 1, 2014

If you have ever worked with CSS, then you understand more or less the process of pre-processors. If you don’t, then here’s a quick overview; pre-processors help convert the CSS code that we input to the all too familiar CSS syntax. If you’ve decided on a project that involves using CSS, then you should make use of the many options and helpful tools available to you.

One option you should look into is LESS, or Leaner CSS. This nifty CSS pre-processor allows you to add extra functionality on top of the CSS code. All the files that are used with this pre-processor will need to be compiled and translated into the CSS language in order for the browser to understand it, but the automatic compiler will help reduce any impact from the work flow.

When used properly, pre-processors are a useful tool for reducing mental effort by freeing your mind and preventing any tedious stress from switching between code. If you have a piece of code you commonly use, store it as a variable instead of hunting for it later.

Overall, the preprocessors help free up your memory while keeping your attention on the project at hand, instead of on tools and workflows.

In this article you will find tools and apps that will make it easy to work with LESS.