When You Use Vanilla CSS After Using Tailwind 💀

Поделиться
HTML-код
  • Опубликовано: 18 сен 2024

Комментарии • 230

  • @codinginflow
    @codinginflow  5 месяцев назад +16

    Get my FREE React Best Practices course: codinginflow.com/reactbestpractices

    • @osmankain1508
      @osmankain1508 4 месяца назад

      The link is not work

    • @codinginflow
      @codinginflow  4 месяца назад

      @@osmankain1508 Why not?

    • @osmankain1508
      @osmankain1508 4 месяца назад

      I'm not sure maybe don't works just for me​@@codinginflow

    • @codinginflow
      @codinginflow  4 месяца назад

      @@osmankain1508 Do you see no page at all?

    • @osmankain1508
      @osmankain1508 4 месяца назад

      ​@@codinginflowlook bro when a link works, the color of link is blue and when you click on that you redirect to the page but this link is not blue and when you click on it you don't redirect to the page

  • @basuhailt3897
    @basuhailt3897 5 месяцев назад +308

    This is so true i recently started using tailwind like 5-6 months back . I never want to go back to writing normal css.

    • @tonimacarroni5208
      @tonimacarroni5208 4 месяца назад +4

      Why?

    • @biolater
      @biolater 3 месяца назад

      @@tonimacarroni5208vanilla css consumes so much time

    • @rokrok27
      @rokrok27 2 месяца назад +1

      Why. ?

    • @divinsmathew
      @divinsmathew 2 месяца назад +1

      sympathies.

    • @DeepTitanic
      @DeepTitanic Месяц назад +6

      I guarantee you will go back when everyone dumps tw in couple of years

  • @AlameenAdeyemi
    @AlameenAdeyemi 5 месяцев назад +142

    Same with typescript and vanilla js 😂

    • @Populous3Tutorials
      @Populous3Tutorials 4 месяца назад +5

      true, js >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> typescript

    • @luwi3435
      @luwi3435 4 месяца назад

      ​@@Populous3Tutorialsjs for 100 lines projects only

    • @philip_krs
      @philip_krs 4 месяца назад +49

      @@Populous3Tutorials Bro it seems like, you failed maths

    • @kotagoutamsenapathi7576
      @kotagoutamsenapathi7576 3 месяца назад

      😂😂😂

    • @kotagoutamsenapathi7576
      @kotagoutamsenapathi7576 3 месяца назад

      ​@@philip_krs +1

  • @pxycknomdictator4483
    @pxycknomdictator4483 4 месяца назад +64

    So damn true bro After using TailwindCSS you will never look back to custom CSS

    • @nomadshiba
      @nomadshiba 4 месяца назад +5

      if you you were already bad at css

    • @faisalhrbk
      @faisalhrbk Месяц назад +1

      how much css do i need to shift to tailwind

    • @pxycknomdictator4483
      @pxycknomdictator4483 Месяц назад +2

      @@faisalhrbk
      css selectors
      box-model
      margin
      padding
      flex box
      grid
      positions
      media queries
      other stuffs like color, background, fonts
      after learning this concepts make a responsive design
      if you make it jump to tailwindcss

    • @faisalhrbk
      @faisalhrbk Месяц назад

      @@pxycknomdictator4483 its been only near 2weeks since i started learning html and css and i spend 3-4 hrs daily and i stuied all of them except media queries,animations and some other ocre things but im not even good at one thing, im thinking to give a month more, then shift to js, can i learn tailwind before js, btw im a self learner, i want to make this my profession im dedicated to it

    • @faisalhrbk
      @faisalhrbk Месяц назад

      @@pxycknomdictator4483 its been one week and half since i started learning html and css, and i almost study 3-4 hrs a day,a nd im a selflearner following youtube long courses, i have made my mind to stick with fornt end web developer, i have stuided abbove thing you have mentioned actually i have now only have knowlede of them, but literally im not even good at one thing, im thinking to give a month more to have basics knowldegeeee themmm, then ill start learning JS, the question is can i learn tailwind css before js, and what about bootstrap
      ??

  • @pocoloco753
    @pocoloco753 13 дней назад +4

    This was my exact reaction the first time I saw an html file with giant tailwind class names

  • @BegalInsaf
    @BegalInsaf 3 месяца назад +37

    i still respect vanilla css

  • @swagatpritamsahoo5643
    @swagatpritamsahoo5643 3 месяца назад +37

    But I don't like tailwind as normal css file improve readability of code and it gives more freedom in design.

    • @Param-e8q
      @Param-e8q Месяц назад +3

      Factxxxx

    • @PHENOGAMING
      @PHENOGAMING 23 дня назад +1

      It's because u haven't worked enough on big projects

    • @fabianpetersen2452
      @fabianpetersen2452 9 дней назад

      No, i hated the back and forth, having to remember specificity when styles just dont get applied 😂. With tailwind i feel in control all the time and no need for back and forth. Plus there's really cool styling libraries build on top of tailwind

    • @brainheap
      @brainheap 5 дней назад

      if you try to fix something in a big project you will in .css file for searching the class name
      while tailwind makes it easier to find

  • @khanshariq737
    @khanshariq737 Месяц назад +4

    Yes I have recently used tailwind css in my project and experience was amazing
    I like tailwind css framework ❤❤

  • @tresvecesno7071
    @tresvecesno7071 5 месяцев назад +12

    Haha. Me personally I don't like Tailwind but what you show is totally true. I really think that could be improved with the nesting on CSS

    • @ezetenduwilliams7322
      @ezetenduwilliams7322 5 месяцев назад +3

      CSS currently accepts nesting but it doesn't have high browser support

    • @tresvecesno7071
      @tresvecesno7071 5 месяцев назад +1

      @@ezetenduwilliams7322 So far have 84.55% of support. I think that's pretty good. The thing is: css modules doesn't have it yet. When that happen, I going to drop my css-in-js for that.

  • @sebastianestrada1311
    @sebastianestrada1311 4 месяца назад +21

    I don't like tailwind, I prefer scss

  • @3bdel3zizT
    @3bdel3zizT День назад

    That's extremely truee

  • @abbastaeb505
    @abbastaeb505 8 дней назад

    This is so true 😂

  • @venugopalpv823
    @venugopalpv823 Месяц назад +4

    Vanilla css is always best

  • @XDBjoernXD
    @XDBjoernXD 3 месяца назад +3

    I use styled components. Highly recommended

  • @Tally_RSA
    @Tally_RSA 5 месяцев назад +28

    I struggled with css and just 2 months in Tailwind css and I have a much clearer understanding, never going back😂

    • @ponalvsiki2254
      @ponalvsiki2254 5 месяцев назад +4

      Imagine using 100 different tailwind classes, I'll stick to scss

    • @hendrywilliam
      @hendrywilliam 5 месяцев назад +4

      ​@@ponalvsiki2254Then you have to deal with collision class name, not-so-trivial class name, multiple nonsense files, yeah go with scss.

    • @punkweb
      @punkweb 3 месяца назад

      ​@@hendrywilliam namespaces and BEM.

    • @punkweb
      @punkweb 3 месяца назад +1

      ​@@hendrywilliam I will gladly take all of the challenges of css/scss over the disaster that is tailwind. Having like 5-20 classes on every single element is just about the most god awful thing I've ever had to deal with on projects I didn't write. And then don't get me started on "but then you don't have to come up with class names" because the irony is, in most tailwind projects I've come across, the markup is littered with comments explaining what the following spaghetti code is, when a class name would have just told you what it is and how it relates to the rest of the markup 😂

    • @user-uz9me3nb6n
      @user-uz9me3nb6n Месяц назад

      ​@@punkwebif thats your only argument against TW and what makes you not use tailwind, then there is a VScode extension that hides that whole className line for you when u done, and show only the one that u currently working with. problem solved

  • @Youssefchibi
    @Youssefchibi 9 дней назад +1

    no need for tailwind to have that reaction ....
    cuz i already react that way when i see CSS !
    XDDDDD

  • @davidvalencia6256
    @davidvalencia6256 4 дня назад

    Beautiful plan css

  • @Michael-Martell
    @Michael-Martell 5 месяцев назад +2

    Been using tailwind for about 3 years now. There’s a time and place for sass. On my personal portfolio, I’m using both.

  • @SkullTraill
    @SkullTraill 5 месяцев назад +10

    Instead you get it when you look at the HTML/JSX 😂 congrats

  • @punkweb
    @punkweb 3 месяца назад +4

    Fact of the matter is, if you write garbage css, your tailwind isn't going to be any better lmao.

  • @sayunlopchan
    @sayunlopchan Месяц назад +1

    I forget plain css after 1year of tailwind 😂

  • @sujalpatel69
    @sujalpatel69 18 дней назад

    That's so true

  • @xyx489
    @xyx489 Месяц назад

    I laugh so hard on this one.. on point

  • @indofiz1077
    @indofiz1077 Месяц назад +2

    Vanilla for animate only 😂😂

  • @abhaypundora6841
    @abhaypundora6841 13 дней назад

    Plain CSS🐐

  • @kerimtim
    @kerimtim 2 месяца назад +1

    My personal website it still written in plain CSS

  • @chillout69
    @chillout69 5 месяцев назад +6

    That disgust in his face... Relatable 🎉😂

  • @shayanCodingMaster
    @shayanCodingMaster 3 месяца назад +1

    I totally agree but we need productivity.

  • @konkonbeats893
    @konkonbeats893 21 день назад

    POV: Grown men like being organized. So it still my best friend.

  • @HHH-pt9fv
    @HHH-pt9fv Месяц назад

    This fun 😂

  • @JamesJosephFinn
    @JamesJosephFinn 29 дней назад

    Tailwind is heresy; this guy wouldn’t know

  • @Rajib317
    @Rajib317 5 месяцев назад +1

    That's my first love, brother

  • @muhammadshariq5862
    @muhammadshariq5862 Месяц назад +1

    the is an annoying situtation i am facing now when i go to interview and said i am good at tailwind they reply so its also a framework most people still dont understand how good tailwind is and its a way to write css not a framework

  • @soccergoal4090
    @soccergoal4090 2 месяца назад

    The Fevers is Aaliya Boston's team. She is by far the best player on that team

  • @GILL-j8c
    @GILL-j8c 2 месяца назад

    😂😂 really reality 😂😂

  • @PsalmJNFano
    @PsalmJNFano Месяц назад

    When opening normal Css file after learning SCSS for a year now

  • @younessnajeh2027
    @younessnajeh2027 5 месяцев назад +1

    same for Saas and css 😅

  • @arthurlabs
    @arthurlabs 3 месяца назад +1

    Well that's true if you only just become frontend developer for just 1 year😂

  • @600Code
    @600Code 3 месяца назад

    Alright, props to React developers for bravely venturing into CSS territory, even with Tailwind 👏. But for us front-end devs, Tailwind is like coding heresy! 😱🚫

    • @codinginflow
      @codinginflow  3 месяца назад

      I get it, you think React devs are not real frontend developers

    • @600Code
      @600Code 3 месяца назад

      @@codinginflow Bad choice of words, sorry, that's not what I meant to say.

  • @robinzon100
    @robinzon100 29 дней назад

    ah yes, let's not write code, no no no, let's write the first chapter of Shakespeare in my class, now that's hip and cool

  • @ShailendraSingh-cd2ln
    @ShailendraSingh-cd2ln 5 месяцев назад

    That's so so true😂

  • @AussiAttire
    @AussiAttire 26 дней назад

    Large corporate are still using Java 8 and html1 css1 😭

  • @JRischill
    @JRischill 2 месяца назад +1

    just use nested css lol

  • @abzmantawil
    @abzmantawil 3 месяца назад +1

    This guy is a religious preacher not a programmer👎👎👎

  • @hameeeed5992
    @hameeeed5992 4 месяца назад

    Just learn tailwind and this is accurate.
    Same with with vanilla js as opposed to react😂😂

  • @laptopuser5198
    @laptopuser5198 4 месяца назад

    So true!

  • @mukiibipeter07
    @mukiibipeter07 2 месяца назад

    The sound reminds me of Ricoanimations

  • @emmanuelmantilla1465
    @emmanuelmantilla1465 4 месяца назад

    That second uhhhhh😨

  • @natsu4026
    @natsu4026 5 месяцев назад +1

    😂😂😂😂
    Sorry brother, ehhhh, company standard should be followed 😂

  • @therealgoat3367
    @therealgoat3367 3 дня назад

    If I'll write an css its with inline styles.

  • @X3NOGLADIAT0R850
    @X3NOGLADIAT0R850 2 месяца назад

    Relatable

  • @afdhaliapreto7703
    @afdhaliapreto7703 4 месяца назад

    same case with me after a months using chakra ui then back use tailwind.. 😂😂😂😂😂😂😂😂😂

  • @islambn8962
    @islambn8962 5 месяцев назад

    true , i can't go back

  • @thatonefoxxy
    @thatonefoxxy 5 месяцев назад +14

    i dont use tailwind cuz i am a real one

  • @perfectomprg
    @perfectomprg 14 дней назад

    I thought someone farted 💩

  • @TalhaEjaz
    @TalhaEjaz Месяц назад

    For me is scss all the way

  • @BoobaGreen
    @BoobaGreen 4 месяца назад

    in the loop

  • @merdoderdoo
    @merdoderdoo 3 месяца назад +6

    Vanilla CSS >>> Tailwind

  • @foxypiratecove37350
    @foxypiratecove37350 25 дней назад

    😎 Wtf is Tailwind? 🗿😂

  • @hilariousness4393
    @hilariousness4393 5 месяцев назад +1

    So trueeeeeee 😂😂😂

  • @ALZUHAR
    @ALZUHAR 5 месяцев назад

    🤣🤣🤣That is me 💪💪👊👊

  • @HikaruAkitsuki
    @HikaruAkitsuki 5 месяцев назад

    I have to stay away from bootstrap now. Because I can't properly remove unused css. And if you try it, something in event listener or nested class gonna broke.

  • @arl_tama9811
    @arl_tama9811 3 месяца назад

    tailwind HTML becomes a mess

  • @exception-handler
    @exception-handler 2 месяца назад

    facts

  • @kaifshaikh1608
    @kaifshaikh1608 4 месяца назад

    So true 😂

  • @0xtz_
    @0xtz_ 5 месяцев назад

    that's me 😂

  • @TechBox2026
    @TechBox2026 Месяц назад

    Good

  • @GuizinPE81
    @GuizinPE81 Месяц назад

    Do you use ForgeOptifine to install the mods on CSS?

  • @mjwebtech119
    @mjwebtech119 6 дней назад

    Don't forget the root.

  • @nomadshiba
    @nomadshiba 4 месяца назад +1

    tho that's not how you write css anymore, both eww to this and tailwind

  • @tibzdankan
    @tibzdankan 4 месяца назад

    I can relate

  • @prayer4675
    @prayer4675 2 месяца назад +1

    Ya Allah!

  • @vayn5726
    @vayn5726 Месяц назад

    but with tailwind dont you get like incredibly large class names that create a giant mess if you got a lot of details?

    • @codinginflow
      @codinginflow  Месяц назад +1

      In HTML, I think yea. But with React not so much because you can extract components.

    • @vayn5726
      @vayn5726 Месяц назад

      @@codinginflow thanks im thinking of leaening react

  • @ssgamerzz484
    @ssgamerzz484 2 месяца назад +1

    Dont use any Islamic scholar like this

    • @misteriozno
      @misteriozno 13 дней назад

      Why? Because he is maybe better than you but he is a muslim. People like you are real danger...

  • @jaivermartinez6815
    @jaivermartinez6815 3 месяца назад

    Why do developers waste their time on CSS when there are already many tools that save them from that unnecessary work?

  • @Moeed020
    @Moeed020 2 месяца назад

    Bootstrap vs tailwind which is more effective ?

    • @DeepTitanic
      @DeepTitanic Месяц назад

      They’re both shit just learn css

  • @ikhsan_345
    @ikhsan_345 5 месяцев назад

    Try TenoxUI CSS

  • @shitsachit
    @shitsachit Месяц назад

    nah i like vanilla css more

  • @jackal_sniperr
    @jackal_sniperr 2 месяца назад

    Aaah yes people bad at CSS blaming CSS...... Also ever saw how ugly the markup looks after using hundreds of tailwind classes

  • @alimnh412
    @alimnh412 2 месяца назад

    bootstrap or tailwind css which should I learn sir? 🥺

  • @subhasbiswas8433
    @subhasbiswas8433 28 дней назад

    Beginners 😂

  • @dlazder3937
    @dlazder3937 4 месяца назад

    Vice versa

  • @bonekazz-8441
    @bonekazz-8441 5 месяцев назад

    Real 😂😂😂

  • @huxi-q7o
    @huxi-q7o Месяц назад

    i know taiwand css but what does it helps u in can some one help me

  • @RvlndGT
    @RvlndGT Месяц назад

    fr

  • @poorusher
    @poorusher Месяц назад

    Just learn CSS FFS

  • @ipsitadas-x7e
    @ipsitadas-x7e 4 месяца назад

    😂 holy Jesus

  • @jacksparrow......0000
    @jacksparrow......0000 День назад

    😍😍😍

  • @thaitea5399
    @thaitea5399 5 месяцев назад

    What wrong with css? Is Better using tailwind? Serious asking cz i am newbie

    • @codinginflow
      @codinginflow  5 месяцев назад +1

      CSS is fine. I am just joking.

    • @mo.G_2020
      @mo.G_2020 5 месяцев назад

      tailwind is a utility library, you provide different class utilities to your elements in your HTML and this solves a lot of complexity that CSS introduces, but that doesn't change the fact that you should understand the hidden details of CSS

    • @smokingbuddha2771
      @smokingbuddha2771 4 месяца назад

      css is fine. The more you know about it, the better you will be at tailwind. At least, that's the experience i have. So from time to time, I go back to css make sure i don't lose my touch

  • @sengkeasorm7725
    @sengkeasorm7725 4 месяца назад

    I never knew taiwind, does Its better than bootstrap?

  • @Gaurav.M.
    @Gaurav.M. Месяц назад

    he he

  • @laughingvampire7555
    @laughingvampire7555 4 месяца назад

    haram

  • @bougana7407
    @bougana7407 Месяц назад

    😂😂😂😂😂😂

  • @golaghaatuyotaemmanuel9076
    @golaghaatuyotaemmanuel9076 Месяц назад

    😂😂

  • @ImFantin
    @ImFantin 5 месяцев назад

    Hahaha

  • @RUNML
    @RUNML 4 месяца назад

    😂😂😂😂

  • @ThomasAnesu-qf1vb
    @ThomasAnesu-qf1vb 4 месяца назад

    Uuggh Whats that? 🤮😒

  • @morchellemusic2829
    @morchellemusic2829 5 месяцев назад

    😂

  • @_tr11
    @_tr11 4 месяца назад

    i hate tailwind

    • @shayanCodingMaster
      @shayanCodingMaster 3 месяца назад

      So sad, that you hate productivity

    • @shayanCodingMaster
      @shayanCodingMaster 3 месяца назад

      I challenge you to create a page with Tailwind CSS and then with pure CSS, and then compare the time it took for each approach.

    • @_tr11
      @_tr11 3 месяца назад +1

      @@shayanCodingMaster it just makes the code look messy, sorry :( it if was just for plain speed, tailwind would win

    • @_tr11
      @_tr11 3 месяца назад

      @@shayanCodingMaster ok I don't even remember the tailwind classe names lol

  • @alimnh9368
    @alimnh9368 Месяц назад

    Bro I forget the css property name 😂