<story><title>SASS vs. LESS</title><url>http://css-tricks.com/sass-vs-less/</url></story><parent_chain></parent_chain><comment><author>micheljansen</author><text>I think the individual comparisons are good, but the conclusion is wrong. Yes, Sass is technically superior to Less; it can do a lot of things that Less cannot. That does not mean that you should use Sass over Less.&lt;p&gt;The truth is, for 99% of use cases they are exactly the same. Sass is a bit more mature and it allows more programming, so it is potentially more powerful than Less, but that also allows it to deviate for CSS further, which is not necessarily a good thing if you have to work with people who only know CSS.&lt;p&gt;I personally use Less because it helps me develop faster. Less is implemented in JavaScript, which means it can run in the browser. Less.js&apos; &quot;watch mode&quot; is awesome for speeding up development: save your .less stylesheet and the browser immediately shows the new styles. This is something SASS cannot do and.&lt;p&gt;Finally, to correct some factual errors in the article: Less &lt;i&gt;does&lt;/i&gt; allow some programming, loops etc. It&apos;s just incredibly awkward and barely useful, but you can use JavaScript (I used that to make this: &lt;a href=&quot;https://github.com/micheljansen/dynamicgif.less&quot; rel=&quot;nofollow&quot;&gt;https://github.com/micheljansen/dynamicgif.less&lt;/a&gt;). Also, the &quot;Helping with CSS3&quot; point is moot if you use &lt;a href=&quot;http://lessprefixer.com/&quot; rel=&quot;nofollow&quot;&gt;http://lessprefixer.com/&lt;/a&gt; and keep that updated.</text></comment>
<story><title>SASS vs. LESS</title><url>http://css-tricks.com/sass-vs-less/</url></story><parent_chain></parent_chain><comment><author>SkyMarshal</author><text>He uses SASS and SCSS interchangeably.  For anyone else not familiar with the difference:&lt;p&gt;&lt;i&gt;&quot;Sass consists of two syntaxes. The original syntax, called &quot;the indented syntax&quot; uses a syntax similar to Haml.[2] It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, &quot;SCSS&quot; uses block formatting like that of CSS. It uses curly brackets to denote code blocks and semicolons to separate lines within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss respectively.&quot;&lt;/i&gt;&lt;p&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/Scss&quot; rel=&quot;nofollow&quot;&gt;http://en.wikipedia.org/wiki/Scss&lt;/a&gt;&lt;p&gt;Also:&lt;p&gt;&lt;i&gt;&quot;Sass and LESS both use the standard CSS syntax. This makes it extremely easy to convert an existing CSS file to either preprocessor. Sass uses the .scss file extension and LESS uses the .less extension. The basic Sass or LESS file can be setup like below:&lt;p&gt;...&lt;p&gt;As you may have noticed, this is just regular CSS, which compiles perfectly in both Sass and LESS.
It’s important to note that Sass also has an older syntax, which omits semicolons and curly brackets. Although this is still around, it is old and we won’t be using it past this example. The syntax uses the .sass file extension and looks like this:&quot;&lt;/i&gt;&lt;p&gt;&lt;a href=&quot;http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/&quot; rel=&quot;nofollow&quot;&gt;http://net.tutsplus.com/tutorials/html-css-techniques/sass-v...&lt;/a&gt;</text></comment>