There are two ways to use LESS:

  1. You can compile LESS into CSS inside the browser.
  2. You can compile LESS into CSS and serve compiled CSS to the browser.

Compiling LESS inside the browser

This is probably the easiest mode to get started. To compile LESS into CSS directly inside the browser, use code like this:

<link rel="stylesheet/less" href="mystyles.less">
<script src="http://lesscss.googlecode.com/files/less-1.1.3.min.js"></script>

For live reloading, you have two options:

Compiling LESS ahead of time

LiveReload can compile LESS for you (if you enable it in project settings), or your web framework may be compiling LESS for you, or you can run lessc manually.