What is the best CSS preprocessor to use?

Question

css

I want to start using preprocessors. I think to start with consulting with professionals.
1. LESS or SASS (SCSS)?
LESS attracts me. Shaking my decision is the news that the creator of the bootstrap rewrote all the code in SASS. Trust his foresight?
2. Where are the tools more convenient?
Which preprocessor has the ability to generate css code on the fly instead of running a command before every refresh in the browser? Maybe there is some kind of link, when working with which, the page is updated in real time. That is, you write styles, for example, on LESS, and all changes are instantly visible on your second monitor in the browser window. Is there a plugin for Developer Tools that shows styles not in CSS, but immediately in LESS?
3. Do you know of very good links where you can find a description of the complete workflow using the preprocessor? To tell you how to more conveniently organize the folder structure, build, deploy, etc.

Answer 1

LESS or SASS

SASS has some nice features, like loops and conditions, it's convenient to work with color palettes, etc.
On the other hand, not everyone needs all this, and many people prefer css-like syntax (sass uses ruby-like syntax). In general, their capabilities are similar, but the differences are in the nuances.
I don't think you'll have the same needs as the guys on twitter, so whatever you want.
This does not depend on the preprocessor in any way, they all take the source and generate css. What you are looking for is a change-tracking collector. You can look into gulp or use webpack/jspm. Also, many IDEs have watchers out of the box. Well, or you can run inotify in bash, but this is the way of red-eyed Linuxoids.
DRY, BEM, oocss, etc. Everything else goes beyond just using the preprocessor, but the main idea is to automate the routine.

Answer 2

Started with LESS because of the faster "start".
You can just include less.js in an html file and see the results right away without having to compile through the console.
But later, after starting to use NPM => BOWER, GULP I plan to switch to SCSS

Answer 3

SCSS

Answer 4

For 4 hours you can try to write on both and choose yourself

Answer 5

I personally liked SASS more.
From compilers - try https://prepros.io/ . There everything you need to compile plus livereload and so on. Moreover, the interface is completely graphical, the same SASS is compiled automatically when saved - the console is not needed.

Answer 6

sass documentation - sass-scss.ru

Answer 7

Moved to SCSS. Compiling in Prepros. Everything is done automatically :) I saved the file in the editor, immediately picked it up and compiled it automatically. FX8320+8Gb Ram+SSD = instant results. Core i3 (I don’t remember the exact model, it’s in the tablet) + 4Gb Ram + SSD = there are small brakes.