DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Alex Maldonado Soto
Alex Maldonado Soto

Posted on • Updated on

Which is the best preprocessor, Less or Sass?

We have all asked ourselves, what is the best CSS preprocessor? You must first understand that there is no superior preprocessor, each one has advantages and disadvantages that make them better or worse in certain situations.

Less (.less):

Let's start with LESS, this javascript-based preprocessor that stands out for its straightforward implementation in projects, a fairly fast learning curve, being a very fast language and that works in many programs.

Ideal for:

  • Start with the CSS preprocessors and get used to the syntax.
  • Projects where you seek speed and simplicity.
  • When you have a project that does not need so many functions or is not very complex.

Sass (.scss):

There are two variants: .sass and .scss, .scss is the newer version and it offers an easier-to-read syntax than .sass in addition to having a greater similarity with native CSS, Sass is the most used preprocessor, also having loops, functions and conditionals will allow you to do more complex and cool things.

Ideal for:

  • Projects where you can take better advantage of its functions
  • When you know how to use Sass functions very well
  • Work with bootstrap since it has a great synergy with Sass.

Comment which preprocessor you prefer and why.

Top comments (2)

Collapse
 
sampadsarker profile image
Sampad Sarker

SCSS(sass) is the best

Collapse
 
maldexander profile image
Alex Maldonado Soto Author

My favorite preprocessor is Sass because of its features and popularity.

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›