When You Use Vanilla CSS After Using Tailwind 💀

When you use normal CSS after using only Tailwind CSS for a while.
⭐ Get my full-stack Next.js with Express & TypeScript course: codinginflow.c...
✅ Get my free React Best Practices course: www.codinginfl...
💌 Join my newsletter for regular web dev tips: codinginflow.c...
💬 Join our developer community on Discord: codinginflow.c...
📣 Follow Coding in Flow on social media:
Twitter: / codinginflow
Instagram: / codinginflow
TikTok: / codinginflow
Facebook: / codinginflow

[@codinginflow]

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

[@osmankain1508]

The link is not work

[@codinginflow]

@@osmankain1508 Why not?

[@osmankain1508]

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

[@codinginflow]

@@osmankain1508 Do you see no page at all?

[@osmankain1508]

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

[@Duhhh-e8k]

Nothing beats an optimized self written css in my opinion.

[@mineturtle1841]

well, your opinion is wrong

[@Duhhh-e8k]

@mineturtle1841 learn how to differentiate opinions and facts buddy. Either way, i think its the best, if its a fact, most devs would say thats your skill issue, you can't code as efficiently that you needed framework for everything.

[@fevad1246]

@@Duhhh-e8k well idk about them but i do and I STILL agree with them...

[@vaibhav13346]

@@Duhhh-e8k why use css? why dont you write in native assembly or 0's and 1's . because css is easy to read ! Same case for tailwind. We don't care about performance. Its just works. You can think . CSS is also kind of framework over these low level coding.

[@randypenajimenez3893]

@@Duhhh-e8k Bare bones will always be faster, harder for developers but faster.

[@basuhailt3897]

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]

Why?

[@biolater]

@@tonimacarroni5208vanilla css consumes so much time

[@rokrok27]

Why. ?

[@divinsmathew]

sympathies.

[@DeepTitanic]

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

[@Tally_RSA]

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

[@ponalvsiki2254]

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

[@hendrywilliam]

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

[@punkweb]

​@@hendrywilliam namespaces and BEM.

[@punkweb]

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

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

[@BegalInsaf]

i still respect vanilla css

[@pocoloco753]

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

[@CodeWithYajat]

Real

[@fikayoadele7679]

For real😂 tailwind sucks ass

[@Hamid6426-YT]

Bro doesn't know utilities I guess 😮‍💨
Create a btn for various properties of a button and use it like bootstrap btn

[@fulltimecoding]

😅

[@Vicsory]

😂😂😂

[@tresvecesno7071]

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]

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

[@tresvecesno7071]

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

[@Yes-wc7ck]

Means sass

[@iatomic_1]

Same with typescript and vanilla js 😂

[@Populous3Tutorials]

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

[@laut83739]

​@@Populous3Tutorialsjs for 100 lines projects only

[@philip_krs]

@@Populous3Tutorials Bro it seems like, you failed maths

[@kotagoutamsenapathi7576]

😂😂😂

[@kotagoutamsenapathi7576]

​@@philip_krs +1

[@Polaroid-e3m]

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]

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

[@indianlion9652]

Mother is mother ,you can't replace her😅

[@swagatpritamsahoo5643]

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

[@Param-e8q]

Factxxxx

[@PHENOGAMING]

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

[@fabianpetersen2452]

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]

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]

thank you, this is my exact argument

[@khanshariq737]

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

[@historywithreese]

Respect OG vanilla CSS.

[@punkweb]

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

[@null_spacex]

Not the point

[@berniko4954]

Actual point ​@@null_spacex

[@dayan1132]

just got started with standard css and this is what my exact reaction first time seeing tailwind lol, imma give tailwind a shot now

[@pxycknomdictator4483]

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

[@nomadshiba]

if you you were already bad at css

[@faisalhrbk]

how much css do i need to shift to tailwind

[@pxycknomdictator4483]

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

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

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

[@SkullTraill]

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

[@mhhamzaedits]

In react

[@husseindawod]

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

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

[@Michael-Martell]

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

[@divyanshm.2276]

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

[@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 💀

[@BlessedTechie]

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

[@codinginflow]

that's true

[@benjen5518]

I've been doing that for years before tw

[@johnnwabuforudemezue1108]

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

[@BlessedTechie]

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

[@michelemoneywell8765]

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

[@Lycoriste]

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

[@sebastianestrada1311]

I don't like tailwind, I prefer scss

[@tashafkhan531]

same

[@IbrahimAbdi_]

Let's just say tailwind didn't like you💀

[@charliesretrocomputing]

I’ve never tried tailwind but I think it looks awful in terms of readability, I love SCSS especially the nesting and variables (I know vanilla CSS has vars too though) apparently some people hate the nesting lol

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

[@torbilan6292]

I can't believe I had defined so many classed before stated using tailwind

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

[@hakim_jazuli]

as far as I can tell there are cases doing it in vanilla can be much better then tailwind, due to native nested selector is now being supported...
cases being, doing style tag in vue or svelte, and when you have to deal with heavily customized animation...

[@ExplorewithZac]

Which is "better"? Object Oriented CSS
Which one is "easier/faster"? Tailwind CSS
Which one should you use? Depends on the project of course. Both are still valid methods for styling web apps.

[@thealkones7327]

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.

[@kerimtim]

My personal website it still written in plain CSS

[@Anteater23]

I prefer scss. Extract all the styling into a separate file so your code is easier to read.

[@codinginflow]

scss is pretty cool

[@SiddharthVishwamitra]

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

[@XDBjoernXD]

I use styled components. Highly recommended

[@yf4jm]

bro, I'm not ready to see any CSS file in a project. Bro imagine wanting to make every single page responsive in CSS or scrolling through a CSS file that have 300+ lines you don't know anything about or having to name every freaking class and create a CSS file every HTML file.this is not excuses it's literally when you start using tailwind that when you look back you get the disgust of these. I just can't see myself coding CSS anymore xD

[@Pelek495]

Its nuts bc its basically the same concept just horizonfal

[@manyamtripathi8441]

as a person who have no idea of tailwind. normal css is easy to see ngl tbh

[@gauravxgqfbbscee5331]

Actually I don't like tailwind. It is good for few touchups but fully relying on it will reduce readability of code.

[@lmlizwpfhsjmcyt7545]

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

[@Hamid6426-YT]

Ya write flex-center(created utility class for box content centering) and then remember it is css😅
And not just once or twice

[@amogoose2971]

@@Hamid6426-YT wow you suck

[@CalvinCurrie-g7m]

Love the idea

[@Youssefchibi]

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

[@abhaypundora6841]

Plain CSS🐐

[@mernmasteryshorts]

You can use @apply directive instead of native css

[@compsciwins-p4d]

I am started using tails in like a week I don't wanna go back

[@johnnwabuforudemezue1108]

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

[@manlame_lx]

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

[@soccergoal4090]

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

[@arizennonyelu]

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

[@AyanKhan-rb2ie]

Vanilla css the GOAT

[@sayunlopchan]

I forget plain css after 1year of tailwind 😂

[@ImSmallSir]

pov: your trying to learn scripting in the 1st time

[@krexit999]

^^

[@EHKvlogs]

same goes to the html that uses tailwind.

[@arthurlabs]

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

[@PsalmJNFano]

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

[@ShivShakti-ki-jai]

What's that brother - css brother 😂

[@vladimirkravchuk9175]

Young developers who haven't had a chance to learn how to write CSS yet prefer tailwind. And indeed their tailwind looks better than their CSS.
They also prefer writing code with AI.

[@CodeWithYajat]

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

[@yourlocalsip]

i dont use tailwind cuz i am a real one

[@muhammadshariq5862]

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

[@konkonbeats893]

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

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

[@indofiz1077]

Vanilla for animate only 😂😂

[@younessnajeh2027]

same for Saas and css 😅

[@mo.G_2020]

yeah 😂

[@Rajib317]

That's my first love, brother

[@600Code]

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]

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

[@600Code]

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

[@AussiAttire]

Large corporate are still using Java 8 and html1 css1 😭

[@coding-master-shayan]

I totally agree but we need productivity.

[@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]

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

[@vayn5726]

@@codinginflow thanks im thinking of leaening react

[@JamesJosephFinn]

Tailwind is heresy; this guy wouldn’t know

[@aijazbir2010]

I Love Vanilla CSS More But I Prefer Tailwind 💀

[@technomad123]

wait till you find out about ui component libraries

[@bug_informatico]

When you see tailwind*

[@DCHANNEL_07]

So, did you learn CSS first, then Tailwind, or did you learn Tailwind first, then CSS? I just started learning 2-3 months ago.

[@codinginflow]

It's probably good to know some basic CSS first

[@Moeed020]

Bootstrap vs tailwind which is more effective ?

[@DeepTitanic]

They’re both shit just learn css

[@NadeemSajid-v7m]

Off course tailwand

[@robinzon100]

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

[@codinginflow]

😆 that was funny

[@tishrabon-code]

I faced that a few days ago :3

[@3bdel3zizT]

That's extremely truee

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

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

[@hameeeed5992]

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

[@deadeyesynth]

I prefer vanilla for everything

[@softmedun6794]

Aap kuraan padhiye n 😂

[@MuhammedAhmad-kf4oj]

It's css brother 😂

[@HikaruAkitsuki]

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.

[@TalhaEjaz]

For me is scss all the way

[@xyx489]

I laugh so hard on this one.. on point

[@TokyoXtreme]

Perfect application of meme 👌

[@floratoby4904]

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.

[@abbastaeb505]

This is so true 😂

[@Monkeydonkey10]

Is this the eugh, brother eugh meme?

[@natsu4026]

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

[@Shams_Tabrezii]

Me watching vanilla css after using talwind 15 days 🤮

[@arl_tama9811]

tailwind HTML becomes a mess

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

[@ahmed0thman]

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

[@ipoprz9301]

I don’t even know how to use libraries

[@madhusudanmitra9237]

This looks so easy if u complete java 😅😅

[@gunrushgaming989]

So is it necessary to learn vanilla css?

[@hrmeheraj]

Everybody should learn vanilla CSS first. Then they can move to tailwindCSS or others.

[@alimnh412]

bootstrap or tailwind css which should I learn sir? 🥺

[@PeakProgress10]

Learn Tailwind, much better