Tag Archives: less

Online Less compiler bookmarklet

Premise: as soon as I knew Less I started using it and I hardly think I’ll go back to write pure CSS.
Problem: I don’t always have the tools or the environment I need to code comfortably (it’s a lie, I’m lazy and I never installed what I really need…).
Solution: Less has an awesome Javascript library that processes .less files client side. That’s perfect for developing time, but not really the best solution for the release, considering that you have to put blocking code in the <head> tag of the page to process always the same files (Less has an interesting cache system, but that’s not the argument of this post).
So, when I’m not able to compile the less files on my machine, I use a bookmarklet to copy the code that the client side library compiled and paste it in a .css file.
Here it is:

Make Less

Just go to the webpage in which you are using the client side less library and click the bookmarklet.
It will open a popup with textareas containing all the styles compiled in plain css.

Warn to myself: this is not the right way to work! This can work only as a temporary or “emergency” case, so move your ass and install the right tools!