title: LESS CSS minimal setup failure
body: <p>Looking at the quick start on the <a href="http://lesscss.org/" rel="nofollow noreferrer">official site</a> I wrote:</p>
  
  <p><strong>less.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link rel="stylesheet/less" type="text/css" href="style.less" /&gt;
      &lt;script src="less-1.1.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;h1&gt;foo&lt;/h1&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>style.less</strong></p>
  
  <pre><code>@color: red;
  
  h1 {
    color: @color;
  }
  </code></pre>
  
  <p>both locally, and all I get is (from Google Chrome console):</p>
  
  <pre>
  XMLHttpRequest cannot load file:///home/cyrus/test/style.less. Cross origin requests are only supported for HTTP.
  Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101
      r
      o
      n
      d.refresh
      (anonymous function)
      (anonymous function)
  </pre>
  
  <p><strong>WORKAROUND:</strong></p>
  
  <p><a href="https://stackoverflow.com/questions/3084892/less-js-not-working-in-chrome/7350858#7350858">This answer</a> shows a way to overcome this:</p>
  
  <pre><code>$ google-chrome -allow-file-access-from-files
  </code></pre>