Latest Tweets:

February 5 2010

LESS — the new CSS

Just like how jQuery revolutionized the way we write JavaScript, LESS is the new way we write CSS.  Ever dreamed of using variables instead of writing convoluted statements, and resorting to finding and replacing every time?  Done!  Nested statements, so you don’t end up with “body header span.content:hover” every time?  Done!  Found it important to have your key colors all in one place?  That’s not only doable, but also proven and already working.

See:

  1. LESS Official Site: http://lesscss.org
  2. LESS Official Documentation: http://lesscss.org/docs.html

Don’t skim.

—

Using LESS:

  1. $ ruby gem install less
  2. $ lessc <source> [<destination>]
  3. There’s no step three.

—

For the lazy and the smart, and those who are impatient:

  1. Bryan Jones’ Coda Plugin that leverages Ruby, and makes working with the technology simply a breeze: http://incident57.com/coda
  2. Bryan’s standalone LESS app: http://incident57.com/less
  3. Syntax Mode for Coda, too: http://groups.google.com/group/coda-users/browse_thread/thread/b3327b0cb893e439

You’ll love it to pieces.  Or at least I did and do.

—

Origin: Evadne Wu