When You Use Vanilla CSS After Using Tailwind 💀

Поділитися
Вставка
  • Опубліковано 2 гру 2024

КОМЕНТАРІ • 338

  • @codinginflow
    @codinginflow  8 місяців тому +37

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

    • @osmankain1508
      @osmankain1508 7 місяців тому +1

      The link is not work

    • @codinginflow
      @codinginflow  7 місяців тому

      @@osmankain1508 Why not?

    • @osmankain1508
      @osmankain1508 7 місяців тому

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

    • @codinginflow
      @codinginflow  7 місяців тому

      @@osmankain1508 Do you see no page at all?

    • @osmankain1508
      @osmankain1508 7 місяців тому

      ​@@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 8 місяців тому +593

    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 6 місяців тому +4

      Why?

    • @biolater
      @biolater 5 місяців тому

      @@tonimacarroni5208vanilla css consumes so much time

    • @rokrok27
      @rokrok27 5 місяців тому +1

      Why. ?

    • @divinsmathew
      @divinsmathew 4 місяці тому +1

      sympathies.

    • @DeepTitanic
      @DeepTitanic 4 місяці тому +12

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

  • @pocoloco753
    @pocoloco753 2 місяці тому +133

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

  • @AlameenAdeyemi
    @AlameenAdeyemi 8 місяців тому +252

    Same with typescript and vanilla js 😂

    • @Populous3Tutorials
      @Populous3Tutorials 7 місяців тому +12

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

    • @luwi3435
      @luwi3435 7 місяців тому

      ​@@Populous3Tutorialsjs for 100 lines projects only

    • @philip_krs
      @philip_krs 6 місяців тому +89

      @@Populous3Tutorials Bro it seems like, you failed maths

    • @kotagoutamsenapathi7576
      @kotagoutamsenapathi7576 5 місяців тому

      😂😂😂

    • @kotagoutamsenapathi7576
      @kotagoutamsenapathi7576 5 місяців тому

      ​@@philip_krs +1

  • @Tally_RSA
    @Tally_RSA 7 місяців тому +62

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

    • @ponalvsiki2254
      @ponalvsiki2254 7 місяців тому +7

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

    • @hendrywilliam
      @hendrywilliam 7 місяців тому +8

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

    • @punkweb
      @punkweb 5 місяців тому

      ​@@hendrywilliam namespaces and BEM.

    • @punkweb
      @punkweb 5 місяців тому +2

      ​@@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 😂

    • @UNDEREFFCT
      @UNDEREFFCT 3 місяці тому +1

      ​@@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

  • @tresvecesno7071
    @tresvecesno7071 8 місяців тому +22

    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 8 місяців тому +4

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

    • @tresvecesno7071
      @tresvecesno7071 8 місяців тому +2

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

  • @BegalInsaf
    @BegalInsaf 6 місяців тому +93

    i still respect vanilla css

  • @swagatpritamsahoo5643
    @swagatpritamsahoo5643 6 місяців тому +63

    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 місяці тому +6

      Factxxxx

    • @PHENOGAMING
      @PHENOGAMING 3 місяці тому +7

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

    • @fabianpetersen2452
      @fabianpetersen2452 2 місяці тому +3

      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

    • @Abu_Rayhan
      @Abu_Rayhan 2 місяці тому +2

      Tailwind is time saver and if you want to use vanilla css you can also do it in your tailwind project. Also you Don't have to think about class name.

    • @Polaroid-e3m
      @Polaroid-e3m Місяць тому

      thank you, this is my exact argument

  • @pxycknomdictator4483
    @pxycknomdictator4483 6 місяців тому +91

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

    • @nomadshiba
      @nomadshiba 6 місяців тому +9

      if you you were already bad at css

    • @faisalhrbk
      @faisalhrbk 3 місяці тому +2

      how much css do i need to shift to tailwind

    • @pxycknomdictator4483
      @pxycknomdictator4483 3 місяці тому +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 3 місяці тому

      @@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 3 місяці тому

      @@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
      ??

  • @Polaroid-e3m
    @Polaroid-e3m Місяць тому +18

    I actually prefer vanilla css because it’s much more customizable
    tailwind has a better look tho but you can achieve that same look with vanilla css if you know what to do

    • @theuniverse.9867
      @theuniverse.9867 Місяць тому +2

      it's not about the look it's about how fast you can code in tailwind vs css, and you really can customize tailwind just as much css and you can always mix vanilla css and tailwind css

    • @ShivamShukla-66
      @ShivamShukla-66 Місяць тому

      Also responsiveness

    • @indianlion9652
      @indianlion9652 Місяць тому +2

      Mother is mother ,you can't replace her😅

  • @khanshariq737
    @khanshariq737 3 місяці тому +7

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

  • @Duhhh-e8k
    @Duhhh-e8k День тому

    Nothing beats an optimized self written css in my opinion.

  • @divyanshm.2276
    @divyanshm.2276 День тому

    I got back to CSS after 1 year of only tailwind & now trying hard to continue on both

  • @punkweb
    @punkweb 5 місяців тому +9

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

    • @null_spacex
      @null_spacex 5 місяців тому

      Not the point

    • @berniko4954
      @berniko4954 3 місяці тому

      Actual point ​@@null_spacex

  • @sebastianestrada1311
    @sebastianestrada1311 7 місяців тому +49

    I don't like tailwind, I prefer scss

  • @husseindawod
    @husseindawod Місяць тому +2

    I love Mohamed Hoblos (the man in the video), there are such great videos of him.

  • @morgan24TH
    @morgan24TH Місяць тому

    That's so true, I started using Tailwind CSS five years ago, and when my little sister who started learning web development recently, asked for help with one of her CSS codes, I was like wait, I'm coming, it took me a couple of minutes to get it done. But previously, I would have nailed it instantly.

  • @michelemoneywell8765
    @michelemoneywell8765 10 днів тому

    This is so funny. I was debating whether or not to learn Tailwind, and this got me to yes.

  • @Lycoriste
    @Lycoriste 21 день тому

    i started learning webdev with tailwind and i actually enjoy vanilla css

  • @SkullTraill
    @SkullTraill 7 місяців тому +16

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

  • @monke3043
    @monke3043 Місяць тому

    for past 2 projects i was using tailwind, and now i am working on another project with vanilla css but i forgot (temporary) css selectors 💀

  • @Michael-Martell
    @Michael-Martell 7 місяців тому +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.

  • @BlessedTechie
    @BlessedTechie Місяць тому +1

    I love css. You can create your utility classes in css and use it in your html just as tailwind.

    • @codinginflow
      @codinginflow  Місяць тому

      that's true

    • @benjen5518
      @benjen5518 Місяць тому +1

      I've been doing that for years before tw

    • @johnnwabuforudemezue1108
      @johnnwabuforudemezue1108 Місяць тому

      It's going to be very slow. You don't know what tailwinds means.

    • @BlessedTechie
      @BlessedTechie Місяць тому

      @@johnnwabuforudemezue1108 I work with tailwind too but I prefer CSS

  • @kerimtim
    @kerimtim 5 місяців тому +2

    My personal website it still written in plain CSS

  • @thealkones7327
    @thealkones7327 2 дні тому

    You can make all inline in HTML but when you have more files more pages style.css is only place where you know you need to fix everything in your HTML.

  • @XDBjoernXD
    @XDBjoernXD 5 місяців тому +3

    I use styled components. Highly recommended

  • @manlame_lx
    @manlame_lx 21 день тому

    I actually still use vanilla css for some weird animations that I dont know if I can do in tailwind

  • @floratoby4904
    @floratoby4904 25 днів тому

    Went from Pure CSS to SCSS to Tailwind. Never looked back. It's just more efficient, imo, and I don't like to waste my time naming classes.

  • @lmlizwpfhsjmcyt7545
    @lmlizwpfhsjmcyt7545 22 дні тому

    you're using css wrong. nav,header,main etc are already elements so why would you use a class?

  • @darkyelox
    @darkyelox Місяць тому

    Actually using both are the best approach, for simple styles and responsiveness taiwlind, for very complex styles and animations use pure css, and of course a mix of them: use @apply for mix several tailwind styles into a single class and reuse it.

  • @muhammadshariq5862
    @muhammadshariq5862 3 місяці тому +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

  • @Pelek495
    @Pelek495 Місяць тому

    Its nuts bc its basically the same concept just horizonfal

  • @SiddharthVishwamitra
    @SiddharthVishwamitra 24 дні тому

    I use CSS over any framework because it's heavy and I need to override sometimes.

  • @dzvsow2643
    @dzvsow2643 Місяць тому

    now a days vanilla CSS also becoming so powerful if you check the documentation in 2024...but as utility tailwind is good to use

  • @vayn5726
    @vayn5726 4 місяці тому +1

    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  4 місяці тому +1

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

    • @vayn5726
      @vayn5726 4 місяці тому

      @@codinginflow thanks im thinking of leaening react

  • @Moeed020
    @Moeed020 4 місяці тому +1

    Bootstrap vs tailwind which is more effective ?

  • @gunrushgaming989
    @gunrushgaming989 22 дні тому

    So is it necessary to learn vanilla css?

  • @sayunlopchan
    @sayunlopchan 3 місяці тому +1

    I forget plain css after 1year of tailwind 😂

  • @PsalmJNFano
    @PsalmJNFano 4 місяці тому

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

  • @arizennonyelu
    @arizennonyelu 2 місяці тому

    they can allow you to build faster, but nothing can beat vanilla.

  • @Youssefchibi
    @Youssefchibi 2 місяці тому +1

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

  • @HikaruAkitsuki
    @HikaruAkitsuki 7 місяців тому

    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.

  • @johnnwabuforudemezue1108
    @johnnwabuforudemezue1108 Місяць тому

    True, once you taste tailwinds CSS, you will never go back again 😅😅😅

  • @GuizinPE81
    @GuizinPE81 4 місяці тому

    Do you use ForgeOptifine to install the mods on CSS?

  • @rincyrincy-z6e
    @rincyrincy-z6e Місяць тому

    i have an english degree with me can i work as a web developer after my diploma in coding which is actually 6 month duration

  • @CalvinCurrie-g7m
    @CalvinCurrie-g7m Місяць тому

    Love the idea

  • @EHKvlogs
    @EHKvlogs Місяць тому

    same goes to the html that uses tailwind.

  • @gamingsrijan
    @gamingsrijan Місяць тому

    Which the best?

  • @CodeWithYajat
    @CodeWithYajat 20 днів тому

    I am not the best at using bootstrap so I do 90% of css vanilla and 10% bootstrap out of which 9% is bootstrap icons

  • @technomad123
    @technomad123 Місяць тому

    wait till you find out about ui component libraries

  • @abhaypundora6841
    @abhaypundora6841 2 місяці тому +2

    Plain CSS🐐

  • @indofiz1077
    @indofiz1077 3 місяці тому +3

    Vanilla for animate only 😂😂

  • @Rajib317
    @Rajib317 7 місяців тому +1

    That's my first love, brother

  • @arthurlabs
    @arthurlabs 6 місяців тому +2

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

  • @AyanKhan-rb2ie
    @AyanKhan-rb2ie 2 місяці тому +1

    Vanilla css the GOAT

  • @davidvalencia6256
    @davidvalencia6256 2 місяці тому

    Beautiful plan css

  • @JamesJosephFinn
    @JamesJosephFinn 3 місяці тому

    Tailwind is heresy; this guy wouldn’t know

  • @guilleaguado3406
    @guilleaguado3406 Місяць тому

    My brother in Christ, i know none here is a SysAdmin, but happens the same when you learn Docker and Kubernetes with the deployment of apps

  • @coding-master-shayan
    @coding-master-shayan 6 місяців тому +1

    I totally agree but we need productivity.

  • @konkonbeats893
    @konkonbeats893 3 місяці тому

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

  • @alimnh412
    @alimnh412 5 місяців тому

    bootstrap or tailwind css which should I learn sir? 🥺

  • @tishrabon-code
    @tishrabon-code 25 днів тому

    I faced that a few days ago :3

  • @soccergoal4090
    @soccergoal4090 4 місяці тому

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

  • @AussiAttire
    @AussiAttire 3 місяці тому

    Large corporate are still using Java 8 and html1 css1 😭

  • @3bdel3zizT
    @3bdel3zizT 2 місяці тому

    That's extremely truee

  • @thefoxguy
    @thefoxguy 7 місяців тому +21

    i dont use tailwind cuz i am a real one

  • @aijazbir2010
    @aijazbir2010 Місяць тому

    I Love Vanilla CSS More But I Prefer Tailwind 💀

  • @thaitea5399
    @thaitea5399 7 місяців тому

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

    • @codinginflow
      @codinginflow  7 місяців тому +1

      CSS is fine. I am just joking.

    • @mo.G_2020
      @mo.G_2020 7 місяців тому

      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 6 місяців тому

      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

  • @younessnajeh2027
    @younessnajeh2027 7 місяців тому +1

    same for Saas and css 😅

  • @xyx489
    @xyx489 4 місяці тому

    I laugh so hard on this one.. on point

  • @АлександрБолотов-г4е

    тот случай когда не освоил CSS тогда шаблонная стилизация хороша, и не смущает простыня классов в jsx потому что сам не можешь сделать такого. Bootstrap переродился)

  • @robinzon100
    @robinzon100 3 місяці тому

    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

  • @huxi-q7o
    @huxi-q7o 3 місяці тому

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

  • @600Code
    @600Code 6 місяців тому

    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  6 місяців тому

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

    • @600Code
      @600Code 5 місяців тому

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

  • @jasim-dev
    @jasim-dev Місяць тому

    actually i write @apply in css
    i dont do inline

  • @therealgoat3367
    @therealgoat3367 2 місяці тому

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

  • @abbastaeb505
    @abbastaeb505 2 місяці тому

    This is so true 😂

  • @ipoprz9301
    @ipoprz9301 2 місяці тому

    I don’t even know how to use libraries

  • @sengkeasorm7725
    @sengkeasorm7725 7 місяців тому

    I never knew taiwind, does Its better than bootstrap?

  • @arl_tama9811
    @arl_tama9811 5 місяців тому

    tailwind HTML becomes a mess

  • @MuhammedAhmad-kf4oj
    @MuhammedAhmad-kf4oj Місяць тому

    It's css brother 😂

  • @Brakolli
    @Brakolli День тому

    tailwindcss same as css inline stylishing

  • @jaivermartinez6815
    @jaivermartinez6815 5 місяців тому

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

  • @hameeeed5992
    @hameeeed5992 7 місяців тому

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

  • @mukiibipeter07
    @mukiibipeter07 4 місяці тому

    The sound reminds me of Ricoanimations

  • @ahmed0thman
    @ahmed0thman 18 днів тому

    Well with over 7 years of experience I don’t thinks so

  • @madhusudanmitra9237
    @madhusudanmitra9237 12 днів тому

    This looks so easy if u complete java 😅😅

  • @Shams_Tabrezii
    @Shams_Tabrezii 29 днів тому

    Me watching vanilla css after using talwind 15 days 🤮

  • @natsu4026
    @natsu4026 7 місяців тому +1

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

  • @afdhaliapreto7703
    @afdhaliapreto7703 7 місяців тому

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

  • @mohamedkhaled902
    @mohamedkhaled902 10 днів тому

    I use bootstrap its away better than tailwind

    • @Ohsoheil
      @Ohsoheil 5 днів тому

      average muslim

  • @nomadshiba
    @nomadshiba 6 місяців тому +1

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

  • @HHH-pt9fv
    @HHH-pt9fv 3 місяці тому

    This fun 😂

  • @merdoderdoo
    @merdoderdoo 5 місяців тому +6

    Vanilla CSS >>> Tailwind

  • @ikhsan_345
    @ikhsan_345 7 місяців тому

    Try TenoxUI CSS

  • @GILL-j8c
    @GILL-j8c 4 місяці тому

    😂😂 really reality 😂😂

  • @losing_interest_in_everything
    @losing_interest_in_everything 17 днів тому

    junior reaction !

  • @venugopalpv823
    @venugopalpv823 3 місяці тому +5

    Vanilla css is always best

    • @codinginflow
      @codinginflow  3 місяці тому

      it depends

    • @inter3988
      @inter3988 2 місяці тому

      I mean yeah....if you're copy pasting styles, then obviously it's better

    • @apoulopou
      @apoulopou 2 місяці тому

      @@codinginflow actually it has no dependencies

  • @Gul_khan001
    @Gul_khan001 Місяць тому

    Please give the people right thoughts this is a auesome skill and popular and very valuable in the life..please don't do this 🙏...

  • @TalhaEjaz
    @TalhaEjaz 3 місяці тому +1

    For me is scss all the way