Kolodo
Menu
Home Contact
Call us Careers
CSS is amazing, there’s no doubt about that. But as with any coding language, there’s always room for improvement. LESS and Sass are CSS preprocessors that aim to cut down development time but still produce the same results. They both do a brilliant job, so what’s the difference between the two?

The existing structure of CSS makes if impossible to build and reuse functions, or tackle problems that object oriented languages handle perfectly, like inheritance. Working on a large project that isn’t object oriented slows down development and makes maintenance a huge burden. CSS preprocessors extend the CSS language, adding the ability to introduce variables, mixins, functions and more, to help make your project more maintainable and extendable.

One thing Sass does better than LESS is loops. LESS does allow to loops, but only by recursive calling, which doesn’t sit well with developers who use while or for loops in other programming languages. Recursive calling loops are more difficult to write and can make maintenance a nightmare.

Another thing Sass does really well is cross-browser support. Anyone who’s tried to implement CSS transitions knows the struggle of using -webkit, -moz- and -ms to try and get even partial cross-browser support. Sass lets you to write one CSS rule, and it adds all the extra cross-browser rules for you. Automatically!

Both preprocessors support include and extend so you can better organise your styles. But one thing that lets both languages down, is their use of the @ symbol. @ is used in vanilla CSS to define keyframes, so should be out of bounds for something attempting to closely resemble CSS. LESS uses the at symbol to define variables, and Sass uses it to call extend. This will likely cause some very painful headaches.

The engines used to convert LESS and Sass into vanilla CSS are different. Jo Liss wrote a blog article comparing the speed of the two preprocessors. When compiling the same 200kb file, LESS compiled in 0.5 seconds and Sass took 4.9 seconds so there’s definitely a clear winner, but there’s many ways to improve the performance of both.

Both LESS and Sass are open-source, so they’re free to use, and both are cross-platform so they work on many operating systems. So, which one is our favourite here at Kolodo? Without a doubt, Sass. A combination of the loop functionality and the cross-browser consideration makes it impossible for us to not use.

If you need any other information on this or are looking at getting a new website, please don’t hesitate to call a member of our team on 0800 084 3086.

More from our Journal

The industry is changing by the second, and so are we. Keep up to date with the latest by reading the articles below.

Adobe to target eCommerce with Magento acquisition
23rd May 2018

Adobe to target eCommerce with Magento acquisition

Today, it's been announced that Adobe Systems Inc. have agreed to buy eCommerce company Magento for $1.68 billion, in a bid to capture the d...

23rd May 2018 Adobe to target eCommerce with Magento acquisition Today, it's been announced that Adobe Systems Inc. have agreed to buy eCommerce company Magento for $1.68 billion, in a bid to capture the d...
Google Chrome drops secure label for all https websites
21st May 2018

Google Chrome drops secure label for all https websites

Google has announced the discontinuation of the secure label for all HTTPS sites. Here's everything you need to know... Speaking on Chrom...

21st May 2018 Google Chrome drops secure label for all https websites Google has announced the discontinuation of the secure label for all HTTPS sites. Here's everything you need to know... Speaking on Chrom...
Google My Business accepts video posts for local businesses
17th May 2018

Google My Business accepts video posts for local businesses

Google announces launch of it's latest feature for Google My Business: the ability to share video posts. Google has launched a new Go...

17th May 2018 Google My Business accepts video posts for local businesses Google announces launch of it's latest feature for Google My Business: the ability to share video posts. Google has launched a new Go...
The Scout Association Rebrand: Skills for Life
15th May 2018

The Scout Association Rebrand: Skills for Life

Back in March, it was revealed that The Scout Association were reviewing their brand guidelines with proposals going to the board later that...

15th May 2018 The Scout Association Rebrand: Skills for Life Back in March, it was revealed that The Scout Association were reviewing their brand guidelines with proposals going to the board later that...

We've just opened brand new offices in Liverpool

Following on from an incredible 2017, we’re very excited to announce our new office in Mann Island, Liverpool, overlooking the prestigious Albert Dock. Fancy popping in for a chat? We'll put the kettle on!

We've moved to Liverpool!

Kolodo, 1 Mann Island, Liverpool, L3 1BP

We've moved to Liverpool!

How can we help?

No matter the size of your project or digital marketing campaign, we'd love to hear from you! Get in touch below or call us on 0800 084 3086.