how about a discord clone 🙃

A product browsing page with cart and dark and light mode

A responsive layout with state management (hover, focus …etc)

Anything that shows the usage of pseudo classes, and dark/light mode

a responsive navigation bar / menu

True

Legend 😭❤️

I feel like I'm missing out on something here

@MCP Clever Programmer basically ripped off this video and called it a "inspiration". They also ripped off the thumbnail style for HTML & CSS crash courses from Programming with Mosh in the past.

@@themagneticguy Oof, he _thinks_ he's being a clever programmer...

Thanks! I'm just learning css and will follow your advice

Absolutely true !! If you are just learning this is not for you. You will cripple your self if you start using this in your learning days. you will miss two much. I did the same and regretted , kept using boot strap for months and realized I didn't know a damn basic thing about css , I was a noob even after making few websites. So In my perspective. Use it : if you wanna learn backend and don't have time to code front end. Use it: If you have made enough websites with simple css, and now you wanna explore more.

Thanks for the insight!

If you actually understand CSS then you will hate Tailwind and recognize it for the hacky garbage that it is. Styles belong in the style sheet, NOT in the markup.

​@@WyzrdCatTailwind scales incredibly well. You can call the .relative utility a thousand times, it will only generate you that class once. Conversely, if you write it traditionally, your files gets bigger every time you write position: relative. This is true for every class you write.

🔥🔥🔥

Yes

Marketing++

… or shameless plug.

And I'm doing a python requests in 4 minutes (should I be proud of this because it's longer ?) soon Inchaallah

Oh, Hi youtube guitar player. What are you doing here?

@@metamodern7648 You forgot large snake handler :P

I honestly prefer working with styled components, you know why? Because from the point where you edit a file and it being updated in the browser usually takes around 7 seconds with tailwind And 1-2 seconds without it. It's a game changer, especially if you just do the styling and need immediate feedback

@@tigrankhachaturian8983 That's what JIT fixes... Re-"compiling" the CSS takes ~50-100ms with JIT enabled (compared to 6-10 seconds on my machine)

@@tigrankhachaturian8983 what about bootstrap? How long does it take compared to tailwind? And another question if u want ofc, why people use tailwind and bootstrap while they can use css, arent the same thing?

@@tigrankhachaturian8983 Tailwind JIT or WendiCSS already fixed this problem. You’re behind the times.

@@kittymedusa3618 I guess, last time I used tailwind it was 7 months ago.

Exactly, instead of adding a class creating a new selector in css and applying all those styles you could do that in a fraction of the time with Tailwind I've heard it's a great combo with Chakra UI

@@outis99 i don't like tailwind because it makes the classname super long..but i do love chakra ui with come with the same approach but by passing props instead. But chakra ui is coming with bigger bundle size and slow perfomance..

For almost the same davantage you have emmet that has not the long classes issue and result in classic CSS files readable by everyone. You can also write tags with classes super quickly with Emmet.

No context switching is what worked very well for me

@@bryanltobing Never seemed "too" long for me but I see your point

Now its 15k

but what about the long markup ?

@@devjourney99 it's ugly but there's not much difference between that and an ugly difficult to navigate css file with a million classes. I think tailwind actually comes out on top there because you can look at the element, see where it is in the document and see immediately what styles are being applied to it. but I'm not a pro so maybe it gets really nightmarish at a production level.

​@@devjourney991:26 this apply thing helps abit i think to give it a seperate from html and deal with duplicate code (disclaimer idk Tailwind)

Agreed. I feel like I just received more information than I would have in a long lecture. Perfectly captures the main ideas, illustrated pros and cons, gave good examples, hints on practical usage, and even practical performance.

I was on a livestream when Adam got an idea to whip up bunch of utility classes in a loop using webpack and JavaScript and fast forward Tailwind was born

how much css should we learn before tailwind?

How to create 100 seconds videos in 100 seconds

He has a tutorial on how he makes videos on his personal channel

how much css should we learn before tailwind?

As someone that merely kept hearing about it but never tried it, those were definitely 100 seconds well spent.

I swear Fireship always knows what we need at a quantum level

and in less than 5hrs no less lol

@@user-tu6oh2op9s Reported

Same and if I have the choice I'm never going back

Hi, how long did you work with Tailwind or how many projects did you start and finish with it to estimate your opinion?

?@@ghostkick267

I disagree. They have got the order wrong

It's so unbelievably good I love it Algolia's incredible documentation searching is just the cherry on top

There’s no such thing as @apply in CSS.. it was a proposal but the specification has been abandoned: “due to being generally a bad idea”.

DT! Waddap doe!!!!

Exactly. If I'm learning a new topic, then I'd like a brief overview/summary first, before deciding if I want to delve into more

wait there are two voices on the channel?

@@LeeWalton_1999 No I mean the one in Clever Programmer's video (they did tailwind in 100 seconds as well ) and it was honestly terrible

@@TechWithTaha Ahh thanks for clearing it up haha makes sense now :)

@@LeeWalton_1999 you're welcome hhhh

@@TechWithTaha are you Algerian?

Refreshing to find a comment from someone not kissing his #ss, thanks.

I recently used tailwind for a school project that I did last minute. It's nice when you need to code a responsive layout snip-snap, but it is 100% a css framework for people who hate css 😂. I prefer to use Sass in most cases.

I think that people who struggle with CSS actually wouldn't get much out of Tailwind since it often maps directly to actual CSS rules

For real. The thought of trying to manage the css in this format gives me a fucking headache. Css ain’t hard y’all.

I love the utility concept, however, the implementation is awful. Even with the fake postCSS dependent “@apply” option. Also I find nothing more tedious than giant config/theme files that are never easy to maintain. While sass can suffer this too, I think the approach needs to be a base set of variables that can filter down to a greater theme through an actual design language vs tediously changing and managing every variable. As an example: color themes. Maybe pick 1-3 primary colors and then have a full palette generated for use as variables. Can it be edited at all levels? Sure, but the power of just being able to change some basic design principles and build out an entire design document from that seems better in the end. The greatest problem with that is people defaulting to similar designs and everything being a repeat of the bootstrap effect, however if the system can do enough to base a unique theme around a few high level variables, then it really can come down to the application of utility styles implemented in specific components vs generic ready-made components. It’s not an easy problem given the nature of CSS, but tailwind just seems like a way to get things done without any understanding of what is being done, while making maintainability a nightmare all over again:

Same

Same for me. Everyone should try it at least one.

Really?

Yep, in a way I learned css using tailwind

I hate tailwind

he built a spying app using 10 different frameworks + firebase, of course

Great for solo projects u can move way faster with tw. For team stuff not so good cuz readability.

Dont know about you but i can think of a "modal" "dialog" class that looks n behaves in 20 different ways.

Yeah I agree. I dont see tailwind as benefit. It feels like you are just inlining styles to html

For me it saves a lot of time staying in the same context, also when working at companies, most of them used tailwind/bootstrap to make consistency really simple

I agree, for high scalable websites using bootstrap or tailwind just not worth it, but for "fast sites" that will not grow that large and dont have so much complexity, using tailwind saves time, so it's a matter of knowing when to use and when not to.

@@RodrigoSalesSilva So I was thinking about building a beautiful portfolio website for myself . And I searched and Google bought me to this video. So I can use Tailwind to build a small portfolio website right? I had used bootstrap quite a long time back . But I just want something new.

IMO css is harder than JS.

@@arrowfunc3458 nothing about css, js or web development is difficult. You don't even have to know any math or programming to do it

Heard