Why you should use a CSS Preprocessor! SASS, LESS are Better than CSS

[@manzurajshahi]

KZbin has no "Love" reaction to a post. Great video! Thumbs up!!

[@alecaddd]

This comment comes with plenty of love :D

[@nevinkuser9892]

This is not a life or death technology. I'm perfectly fine writing normal CSS and would only use SASS if an employer wanted me to learn. But I might tell them no if it would mess up my work flow. Seems unnecessary.

[@Rubenjr005]

Thanks for explaining this. I had no clue why I needed to use this until I saw this video.

[@alecaddd]

I'm glad my video was helpful for you

[@mytube1968]

I asked myself that very question(s), and you answered. Thanks.

[@alecaddd]

You're very welcome

[@ZorlacSkater]

CSS is still way faster to code, since you can see the changes immediately live if you "Enable Local Overrides" in chrome developer tools. Lets say you have to modify some containers in a very complex unknown project which uses "less". Then you first have to figure out in which of these modular less files the code is located, since you only see one css file if you inspect the code in the developer tools of the browser. This takes much time and research. And then you have to guess the right changes, recompile and then clear the cache and reload, and repeat this whole process all the time until you are done. No thanks

[@thecodingowl]

you can enable --watch flag, I am gonna tell you!! HELL yeah it is same

[@nobytes2]

you're doing it wrong

[@paulbrown6792]

thats why you use maps , and these days something like nextJS, does all the heavy lifting / setup in the background, if not using a modern framework, if you setup your project correctly, you don't have any of those issues you highlighted... its all in the setup! is css really faster? nope..

[@ZorlacSkater]

@@paulbrown6792 yes, I figured that out too. But maps do not work properly in magento 2

[@Noum77]

I've been coding for 7 years now (well add more years to that if you count college). And I'm still thinking CSS isn't meant to be a programming language

[@Axiomaya]

good thing its not a programming language

[@tommasobonvicini7114]

Mani Diaz LOL, ffs

[@Explore2Adore]

From what i've seen so far, CSS is not logic programming.

[@prabhathsannasooriya]

why use npm and yarn

[@EduardoMunoz-lz5wb]

Thanks for this! but...im still wondering... which one should i start with?

[@alecaddd]

Learn CSS as a base, then move to a preprocessor. My favorite is SASS

[@siriusgd4753]

Having no real world examples doesn't convince me. Why should I spend time learning something that I'm not so sure I need. Sometimes it's easier to grab a shovel and dig a hole in a couple days as opposed to spending a month building a back hoe so I can dig the hole in one day.

[@alecaddd]

I guess you never got to dig 20 holes per day in 20 different fields.

[@devilreaper8543]

which one is better sass or scss ...........???

[@alecaddd]

They're basically identical, only the syntax changes slightly and it depends on what's more comfortable for you. I prefer scss

[@asaduzzaman5356]

which is better less or sass

[@RafaKobylinski-rKonik]

sass for me

[@fenilli]

well they're both equally good, but sass is more popular so that sould be a +... it all goes for the developer to decide, I prefer sass, for me its better because I already program in PHP so variables are more intuitive, also it depends if you want to install node or ruby, less is js based so you need node to compile and sass is ruby based.

[@asaduzzaman5356]

i am also use sass

[@alecaddd]

Like others already answered, they're both pretty similar and do the same things. I usually go with SASS because the syntax makes more sense to me, it's widely more used than LESS, and there are many more resources available for it. Cheers

[@NoahNobody]

Stop giving me so much sass. Give me less sass.

[@jesperheller]

Can't believe you actually recommended Elementor... 😅

[@patrushtamang7800]

Another great vid!!!!

[@alecaddd]

Thanks :D

[@Ja_xon_]

Can i know the theme you're using for both the distribution and the text editor ? Thank you.

[@alecaddd]

This tutorial is coded on MacOS, the editor is VSCode with Material Theme. Cheers

[@Megalomaniakaal]

Just reading the title I wholeheartedly disagree, but do go on. A dinosaur like me just needs a lot more convincing, probably.

[@Megalomaniakaal]

OK, the video did not convince me at all.

[@alecaddd]

Damn, I failed >_>

[@RafaKobylinski-rKonik]

Briefly, concisely and on the subject. More "Why you should use ..."

[@alecaddd]

Thank you so much :D

[@oksanaromaniv7102]

Yes, please do more of the series. I've got really interested in your statement from introduction "why you should use Vue instead of jQuery".

[@user-zp1dv4yh5e]

what about flexbox?

[@westfield90]

With css itself getting better do you think that in the future a preprocessor may not be needed?

[@alecaddd]

Definitely it's an evolving environment, but I don't think preprocessors will disappear completely, especially considering the new utility first approach, postCSS, or with CSS generated via JS, pretty crazy :D

[@vitorgouveia5378]

but css also has variables, i can´t understand

[@tiqo8549]

I don't understand either. I will keep using CSS until it dies..haha

[@bopon4090]

whats the name of this program you are using??

[@7us]

VSCode

[@JamieWFilms]

Really slick video, loved some of the editing and provided a decent overview which is what I was looking for. Super obnoxious for a 6:42 video to have nearly a minute of intro/plugging though. A real world example would have been nice as well.

[@paterfamilias01]

Css global variables are also a thing. No compilers, bundlers needed whatsoever lol

[@alecaddd]

Writing a comment with something obvious in 2021 on a video from 2018, lol

[@fanait1636]

Hi Alle... Great vid. . Can we use sass within WordPress ?

[@fenilli]

yes you can, there is plugins who compile scss to css.

[@alecaddd]

Yes! SASS, is not bounded or limited to any framework or CMS, you can use it in every project and compile it with its own CLI application. Check the SASS series on my channel to learn how to use it, and check the plugin series, I'm using SASS in it as well.

[@igrimnir]

When you said "coding is haed' I heaed "coding is art" ...hmm...

[@alecaddd]

Well, coding is art :P

[@iamgalaxey]

Do you have a course on udemy? I think I'm taking it's taking me through 10 WordPress projects and showing me how to use the theme builder. Your voice sounds just like the instructor for that course.

[@alecaddd]

No I don't publish anything on Udemy. I hope that instructor has a really charming voice 😜

[@anghello-silva]

Very very good... Can you indicate me some video or article that explains more about webpack?

[@alecaddd]

Smashing magazine has a good intro to it: www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/

[@strangelpeaceful]

You only seem to the handle the issues with setting up the processor and that the reason to use preprocessors are mainly variables. Css supports variables since ages and is more future proof than using an extra step which might require you to recompile your entire project. Preprocessors are a relic of the past due to the current state of css being able to handle all of these needs. Also about your for-loop; nobody makes websites without existing colour schemes so that isn't even an argument.

[@alecaddd]

Well, if you really like plain CSS and it makes you productive, keep using it

[@askolmayanveysel2221]

Video starts at 3:00

[@shaonsina]

I think you are the best trainer in the youtube history

[@alecaddd]

Oh wow, thank you so much :D

[@siriusgd4753]

Apparently you haven't seen very many of them.

[@shariqhasankhan]

Another great video. I have a request if you don't mind. Would it be possible for you to do a video on integrating templating engines like Blade in WordPress theme development?

[@alecaddd]

Sure, I'll add it to the list. Cheers

[@shariqhasankhan]

Thanks & awesome. I will be looking forward to it.

[@LofiWurld]

Parcel bundler♥️

[@NeelSandellISAWESOME]

Is Sass sort of like jquery mixed in with CSS?

[@boomerangfish3558]

If these are the best reasons, then I can safely uninstall it. CSS have variables. CSS got modules. I also use Vue which got the option to namespace the CSS in each component.

[@josephm.afonne7749]

2:52 xD

[@giancarloandrebravoabanto7091]

Im not a styler yet ,but this is painfull to watch

[@alecaddd]

Then why are you watching?

[@ksmith7611]

Css is better

[@ФилиппЧерпаков]

too much water !

[@lookintomyeyes2681]

NOOOO coding is FUN!!!...comnn broooo