Less.js the New programable CSS



I recently came across an interesting javascript called “Less.js”. What is LESS?

The dynamic stylesheet language.

LESS extends CSS with dynamic behavior such asvariables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js.

Well it is based on the new and much promising Node.js which seems to be in the limelight of browsers and holds the key to how future browsers are going to be.

Interestingly, Less.js brings to a point where we are seeing a shift from static to dynamic. My guess is that CSS would soon become programmable and this would bring a lot of new things and animation is certainly one of them. For quite long time Adobe flash has dominated the animation on web, yes it has brought in a lot more dynamics like programming and 3D animation but with Apple backing out from adopting flash and promoting Safari and HTML 5 to overcome “Loopholes“  in flash (which make Apple iOS vulnerable as stated by Apple’s) things are changing. Thanks to the “Clash of the Titans ( Adobe vs Apple)” the open source industry has got this chance to take the web to the next higher level.

Less.js allows us to make dynamic CSS, now we can define variables in a CSS and use them using the “@” prefix. This is an interesting development and for long programmers have waited for the design stuff to go dynamic. Well, this is a big step in making web more interactive lets hope this continues.

Ripul is a web designer and a tech enthusiast. He is an MBA & a computer science graduate.He is an advanced PHP developer and one of the founding members of 99Fusion.com. He loves web and gadgets. He currently works as a Product Manager at India's largest eCommerce portal for electronics LetsBuy.com.

Discussion

2 Comments

  1. Jognson says:

    I came across this acrticle and used Less.js , thanks and it is surely a step in the right direction making the css programmable.

  2. Nathan says:

    Thanks, after reading your blog I found a few tutorials and that helped me understand the concept!

Trackbacks and Pingbacks

Leave a Comment