Comments on: Sass vs. LESS

By: XiaoweiLi

XiaoweiLi — Wed, 04 Jul 2012 09:26:27 +0000

in less

.loopingClass (@index) when (@index > 0) {
  .myclass {z-index: @index }
  .loopingClass(@index - 1);
}
.loopingClass (0) {}
.loopingClass (3);

it will output three class having the same name, but…for what?

.myclass {z-index: 3;}
.myclass {z-index: 2;}
.myclass {z-index: 1;}

By: Torkil Johnsen

Torkil Johnsen — Wed, 13 Jun 2012 06:06:48 +0000

Is it syntax highlighting you’re after? Both LESS and the SCSS-syntax of Sass are supersets of CSS, so you don’t need any particular syntax highlighter. Just use the CSS syntax highlighting.

If you need a compiler for LESS or Sass, I recommend using the command-line as outlined in the tutorials, or look into Codekit.

By: Deepak

Deepak — Wed, 13 Jun 2012 06:00:18 +0000

anyone knows the css editor for LESS and SAAS? I use Adobe Dreamweaver CS5 but it doesn’t support yet..

By: Maedi

Maedi — Sat, 09 Jun 2012 13:34:45 +0000

Just one more vote for Stylus! Its simple syntax makes reading and writing mixins and extended classes a breeze.

Stylus feels more like coding too, for example instead of creating a variable the ‘CSS’ way:
$var: 5px
You do:
var = 5px

By: Michael Calkins

Michael Calkins — Sun, 03 Jun 2012 17:24:22 +0000

I’m pretty sure Team Treehouse uses SASS: http://everyonecanweb.com/?imageId=1307

And if I’m not mistaken that’s Nick Petit’s work. But Idk if he’s just a teacher there or not.

By: Joacim Boive

Joacim Boive — Fri, 01 Jun 2012 06:29:42 +0000

If you’re on Mac, check out CodeKit: http://incident57.com/codekit

It rocks! Supports LESS, Stylus & SASS + much-much more!

By: Hostinsight

Hostinsight — Fri, 01 Jun 2012 06:08:58 +0000

I love LESS, especially used with SimpLESS. SimpLESS checks your .less code for changes and compiles vanilla CSS on the fly! Kicking myself for not trying it sooner!

By: jacmoe

jacmoe — Thu, 31 May 2012 22:14:20 +0000

Sass wins because it has Compass, and because it is the default css framework for Ruby on Rails. Let’s not underestimate popularity. :)
It has tons of extensions which are only a gem install away.
Ruby on Windows is dead easy to install.
I tried to get into using Less, but it doesn’t even come close to Sass with regards to available plugins.
I am lazy and do not like to reinvent any wheels.
Sass-buttons, Suzy, Compass, Bourbon.
And I can choose between two syntaxes: scss or sass.
Scared of the command line?
Just run ‘compass watch’ in a box and that’s it.
It spits out css each time a scss/sass file has changed.
And then you just upload the generated css to your server.

How to get started?
Install Ruby.
And run this:
gem install compass
Or, if you are using Suzy:
gem install susy –pre
It will deal with all dependencies automatically.

Thanks for giving me this opportunity to evangelize Sass/Compass :)

By: Mark

Mark — Thu, 31 May 2012 06:45:17 +0000

Here's a short gist that shows a simple comparison using LESS, Sass, and Stylus. Stylus wins: Sass vs Stylus vs LESS

By: Jimmy Rittenborg

Jimmy Rittenborg — Thu, 31 May 2012 00:20:26 +0000

For others interested, I’ll eat my words and recommend NOT to use CSSTidy as it is very outdated, dead and doesn’t support A LOT of CSS3 like, multiple background/-image declarations for vendors, keyframe animations and media queries.

A magic and pretty much self thinking CSS Compressor like that simply hasen’t been invented yet – and I’m pretty sure it never will be. – Because of those countless chances for breaking your code.

So when maintaining stupid stuff as a sub-theme lazily, accept a little bit bigger output (caused by the overrides) and ALWAYS compress with YUI Compressor or similar.

There wouldn’t be a need for such thing in any other cases anyway, if you did your job right.