Less CSS really does what its title claims. It’s an elegant approach that adds all the syntactic sugar you ever wanted to vanilla CSS, such as variables, nested rules and declaration templates. And it starts out by being 100% compatible with your original CSS files. So what are you waiting for? The only way is up.
Less is more
What’s so great about Less is that it doesn’t require you to master a new language, something that can’t be said about Less’ excellent rival Sass. So in theory, existing .css files can be renamed to .less in order to add variables or nested rules.
However, there’s more to it. Browsers don’t understand the less syntax, so your .less files must be converted to plain CSS. This conversion used to require a mechanism on the server to accomplish this, and known server implementations are available for Ruby and for .Net.
Less support in Quplo
We truly believe that Less is here to stay, as it smoothens out another dent not only in the final stages of website production, but as early as the HTML prototyping stage. Therefore, as of today, we’ve added a new page type called “less” to all Quplo prototypes. The implementation is based on .less, so we’d like to thank its team and Alexis Sellier for creating Less in the first place. Using it in Quplo is as simple as this:
Less is less
Googling for the Less framework might cause confusion. Next to Less CSS is the Less Framework by Joni Korpi which also has to do with CSS but is a mechanism for creating a web-based grid of columns. It’s similar to the well known 960 Grid System, although Less Framework’s approach adds graceful degradation for smaller screen resolutions such as those found on the iPad or iPhone.
We consider the 960 Grid System and Less Framework to be of great value to all Quplo users, so it’s a topic that we might spend more airtime on in a future post.
Leave a reply