If you’re not quite sure if you’re skilled enough to use a CSS preprocessor, then LESS is an excellent place to start. Keep in mind however, that preprocessors make the task of coding much easier even if it seems difficult at first. To start, check out the LESS website and download less.js.
Now you can create a .less stylesheet and place it into your HTML just as you would any other spreadsheet. Be sure to insert the JavaScript file as well; it will automatically translate the LESS code into CSS that the browser will understand.
Now you can go on writing CSS just as you normally would in the less file, and slowly begin exploring the incredible LESS features such as mixins and variables.
One of the most incredible features of the CSS preprocessor is having the ability to create mixins. These allow the user to tie a cluster of customizable values and properties into a simplified package.
In order to simplify things, you can think of a mixin in LESS like a variable with several different properties. This will come in handy when using CSS3 properties.
Like countless others, you are sure to be extremely impressed with the power Less mixins provide.
LESS Hat: Get MORE of LESS with 86 smart mixins.
Preboot: A collection of LESS mixins and variables
LESS Element: basic mixins for the LESSs
LESS CSS Toolkit: A collection of re-usable LESS CSS Mixins
ClearLess: A reuseable collection of carefully-considered Less mixins
LESS DSS (dynamic stylesheet)
CSS Mixins: flexible mixins for STYL, SCSS, SASS & LESS
Shape.LESS: Collection of LESS mixins for various shapes
Lots of Love for LESS: mixins library for LESS
You will definitely like these articles
Source: http://ift.tt/1kTDZLE
No comments:
Post a Comment