Using CSS preprocessors for beginners

I'm kind of new to CSS, and I'm a little uncomfortable trying to keep it organized. My CSS is now around 800 lines and getting bigger and bigger. I know that this is not a difficult task for experienced people, but for me it is. When looking for good CSS organization tips, I became aware of a CSS preprocessor system such as LESS, SCSS (SASS).

So the question is: Is this a good way to use them for beginners like me? Or is it better to develop the skills of developing standard CSS and only after that (having understood all the difficulties and hacks there) turn your head into the preprocessor system?

+4
source share
2 answers

Definitely learn to do it from scratch. Later, your “external toolbox” will be useful. Otherwise, you will have a crutch. This is if, for any other reason, besides the need to work with other people, where your favorite tools are not an option.

+2
source

I would like to know about preprocessors before. However, CSS knowledge was pretty good when I started using preprocessors, it definitely helped. I would look for ways to break your CSS the way it is now, and when you feel soft, start with LESS variables and nesting.

Try splitting CSS into multiple files if you can split them into easily separated elements and then combine / reduce for final assembly.

+2
source

All Articles