Vim Syntax Highlighting for LessCSS

>Here’s a quick HOWTO for enabling vim syntax highlighting for .less (lesscss) files:

1. Create the directory ~/.vim/syntax/ if it does not exist yet.
2. Download the vim syntax file less.vim into that directory, e.g. with the command:
   

   wget http://leafo.net/lessphp/vim/less.vim

3. Make sure the following statements are in your ~/.vimrc:
   

   syntax on
   au BufNewFile,BufRead *.less set filetype=less

That’s all.

Update (Sept. 25, 2009): Here’s a screenshot:

 

More CSS with Less

>The people at Sitepoint send me a ‘Tech Times’ newsletter every now and then. I tend to ignore newsletters from most other companies, but this one is different, it is surprisingly interesting, most of the times.

Today’s Tech Times (issue 246) informed me about Less, an improvement over regular CSS that adds variables, mixins, operations and nested rules to regular CSS. It’s backwards compatible and compiles to regular CSS before you serve it to your favorite user agent. Wow.

This is definitely something I intend to integrate into the work flow for the PensioenPage technology, right before optimizing the (normal) CSS using the YUI Compressor.