LESS Tester

This post is more than 2 years old.

This past week I had the pleasure of seeing Nathan Strutz present on LESS, a CSS 'language' that allows you to do simple things like variables, functions, and other time saving tricks with your CSS files. It looked pretty cool and I thought I'd like to play with it a bit. I decided to quickly write a desktop application that would let me do quick tests with LESS. Here's the result:

The application was built with Adobe AIR and written in HTML. It makes use of jQuery, LESS (of course), and Bootstrap. It doesn't handle errors yet (so don't screw up) and I didn't test many features of LESS itself, but I thought it might be helpful to others. Check it out and let me know. If folks are interested in working on it, I'll gladly put it up on Github for public consumption.

Edit: LESS Tester now supports dropping a .css or .less file onto the left hand text area. You can also drag text over to it. Error handling now works (thanks to Nathan Strutz for the code).

Raymond Camden's Picture

About Raymond Camden

Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA https://www.raymondcamden.com

Archived Comments

Comment 1 by Filip Van Tendeloo posted on 10/22/2011 at 6:24 PM

fyi I just released an Air Less parser application. It automatically parses your less files when you save them.


Comment 2 by Raymond Camden posted on 10/22/2011 at 6:26 PM

Of course you realize - this means war.

Comment 3 by Raymond Camden posted on 10/22/2011 at 7:19 PM

I'm sorry - it was a bad joke. :)

Comment 4 by Filip Van Tendeloo posted on 10/22/2011 at 7:25 PM

Lol, at first I thought it was, then I was like "what if he's serious?" :p