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

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ม.ค. 2025

ความคิดเห็น • 82

  • @manzurajshahi
    @manzurajshahi 6 ปีที่แล้ว +28

    TH-cam has no "Love" reaction to a post. Great video! Thumbs up!!

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว +4

      This comment comes with plenty of love :D

  • @Rubenjr005
    @Rubenjr005 6 ปีที่แล้ว +4

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว +1

      I'm glad my video was helpful for you

  • @mytube1968
    @mytube1968 5 ปีที่แล้ว +5

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

    • @alecaddd
      @alecaddd  5 ปีที่แล้ว

      You're very welcome

  • @nevinkuser9892
    @nevinkuser9892 4 ปีที่แล้ว +4

    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.

  • @JamieWFilms
    @JamieWFilms 5 ปีที่แล้ว +3

    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.

  • @Noum77
    @Noum77 5 ปีที่แล้ว +8

    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
      @Axiomaya 5 ปีที่แล้ว +5

      good thing its not a programming language

    • @tommasobonvicini7114
      @tommasobonvicini7114 5 ปีที่แล้ว

      Mani Diaz LOL, ffs

    • @Explore2Adore
      @Explore2Adore 4 ปีที่แล้ว

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

  • @ZorlacSkater
    @ZorlacSkater 4 ปีที่แล้ว +7

    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
      @thecodingowl 4 ปีที่แล้ว +3

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

    • @nobytes2
      @nobytes2 2 ปีที่แล้ว +1

      you're doing it wrong

    • @paulbrown6792
      @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
      @ZorlacSkater ปีที่แล้ว

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

  • @EduardoMunoz-lz5wb
    @EduardoMunoz-lz5wb 6 ปีที่แล้ว +4

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว +4

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

  • @siriusgd4753
    @siriusgd4753 6 ปีที่แล้ว +3

    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
      @alecaddd  6 ปีที่แล้ว

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

  • @patrushtamang7800
    @patrushtamang7800 6 ปีที่แล้ว +2

    Another great vid!!!!

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

      Thanks :D

  • @askolmayanveysel2221
    @askolmayanveysel2221 3 ปีที่แล้ว

    Video starts at 3:00

  • @jesperheller
    @jesperheller 2 ปีที่แล้ว

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

  • @RafaKobylinski-rKonik
    @RafaKobylinski-rKonik 6 ปีที่แล้ว +4

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

      Thank you so much :D

    • @oksanaromaniv7102
      @oksanaromaniv7102 6 ปีที่แล้ว +1

      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".

  • @asaduzzaman5356
    @asaduzzaman5356 6 ปีที่แล้ว +3

    which is better less or sass

    • @RafaKobylinski-rKonik
      @RafaKobylinski-rKonik 6 ปีที่แล้ว +3

      sass for me

    • @fenilli
      @fenilli 6 ปีที่แล้ว +2

      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
      @asaduzzaman5356 6 ปีที่แล้ว +1

      i am also use sass

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว +1

      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
      @NoahNobody 6 ปีที่แล้ว +3

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

  • @LofiWurld
    @LofiWurld 3 ปีที่แล้ว

    Parcel bundler♥️

  • @Ja_xon_
    @Ja_xon_ 6 ปีที่แล้ว +2

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

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

  • @strangelpeaceful
    @strangelpeaceful 6 ปีที่แล้ว

    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
      @alecaddd  6 ปีที่แล้ว +2

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

  • @shariqhasankhan
    @shariqhasankhan 6 ปีที่แล้ว +3

    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
      @alecaddd  6 ปีที่แล้ว

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

    • @shariqhasankhan
      @shariqhasankhan 6 ปีที่แล้ว

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

  • @Megalomaniakaal
    @Megalomaniakaal 5 ปีที่แล้ว +4

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

    • @Megalomaniakaal
      @Megalomaniakaal 5 ปีที่แล้ว +1

      OK, the video did not convince me at all.

    • @alecaddd
      @alecaddd  5 ปีที่แล้ว

      Damn, I failed >_>

  • @shaonsina
    @shaonsina 6 ปีที่แล้ว +3

    I think you are the best trainer in the youtube history

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

      Oh wow, thank you so much :D

    • @siriusgd4753
      @siriusgd4753 6 ปีที่แล้ว

      Apparently you haven't seen very many of them.

  • @prabhathsannasooriya
    @prabhathsannasooriya 3 ปีที่แล้ว

    why use npm and yarn

  • @devilreaper8543
    @devilreaper8543 6 ปีที่แล้ว +1

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว +2

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

  • @vitorgouveia5378
    @vitorgouveia5378 4 ปีที่แล้ว +1

    but css also has variables, i can´t understand

    • @tiqo8549
      @tiqo8549 4 ปีที่แล้ว

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

  • @paterfamilias01
    @paterfamilias01 3 ปีที่แล้ว +1

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

    • @alecaddd
      @alecaddd  3 ปีที่แล้ว

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

  • @westfield90
    @westfield90 6 ปีที่แล้ว +4

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

      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

  • @anghello-silva
    @anghello-silva 6 ปีที่แล้ว +1

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

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

  • @iamgalaxey
    @iamgalaxey 6 ปีที่แล้ว

    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
      @alecaddd  6 ปีที่แล้ว +2

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

  • @fanait1636
    @fanait1636 6 ปีที่แล้ว

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

    • @fenilli
      @fenilli 6 ปีที่แล้ว +1

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว +1

      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.

  • @boomerangfish3558
    @boomerangfish3558 4 ปีที่แล้ว +1

    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.

  • @user-zp1dv4yh5e
    @user-zp1dv4yh5e 5 ปีที่แล้ว

    what about flexbox?

  • @bopon4090
    @bopon4090 5 ปีที่แล้ว

    whats the name of this program you are using??

    • @7us
      @7us 4 ปีที่แล้ว

      VSCode

  • @igrimnir
    @igrimnir 6 ปีที่แล้ว +2

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

    • @alecaddd
      @alecaddd  6 ปีที่แล้ว

      Well, coding is art :P

  • @josephm.afonne7749
    @josephm.afonne7749 4 ปีที่แล้ว

    2:52 xD

  • @giancarloandrebravoabanto7091
    @giancarloandrebravoabanto7091 4 ปีที่แล้ว

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

    • @alecaddd
      @alecaddd  4 ปีที่แล้ว

      Then why are you watching?

  • @NeelSandellISAWESOME
    @NeelSandellISAWESOME 4 ปีที่แล้ว

    Is Sass sort of like jquery mixed in with CSS?

  • @ksmith7611
    @ksmith7611 4 ปีที่แล้ว +1

    Css is better

  • @ФилиппЧерпаков
    @ФилиппЧерпаков 3 ปีที่แล้ว

    too much water !

  • @lookintomyeyes2681
    @lookintomyeyes2681 5 ปีที่แล้ว

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