Start using LESS.js

It will save you time. This 4 minute video will help you understand how you can start using variables in your CSS which will come in real handy if you want to change CSS properties in one place and those changes will be replicated all throughout your site.

Chrome browser bug when working with Less.js

A couple years ago a developer I was working with told me he wished that CSS would allow you to use variables. Well, that’s exactly what Less.js enables you to do. It is really great but while testing in Chrome I couldn’t get it to work. I then found from this article that there is a known bug in Chrome if you path to your page starts with ‘file:///’

To solve this problem, I just use XAMPP and throw my folder inside the htdocs folder and use ‘localhost’ instead of ‘file:///.

I also found that the URL to the google CDN of less.js is stored here:

so to reference your css you should have something like this:

Hope this post saves you the time I wasted trying to figure out what I did wrong.