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.


Crunch


Crunch


Mixture


Mixture


SimpLESS


SimpLESS


Prepros


Prepros


WinLess


WinLess


CodeKit


CodeKit


LiveReload


LiveReload


Koala


Koala


Fishsticss


Fishsticss


Css2Less


Css2Less


LESSCSS is More


LESSCSS is More


WP-LESS


WP-LESS








Source: http://ift.tt/1mEAXdg

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading