super cool sir, this is make development easier

finally found one with tailwind!

I'm trying to implement focus-visible on input fields but it still shows focus when user clicks in. focus-visible:outline-none works for buttons and links but not for input fields. Can anyone help how I can remove the focus from input field please?

I like this, simple and minimalistic

Very sad that there is no more vids from this great man :c

This video is actually more about React than Tailwind. The fact that it helps to reduce the duplication of Tailwind's utilities classes is only incidental to React's component architecture.

seems like a ux problem that the user can't click the placeholder to focus the input.

Hey

All that function nonsense is no longer needed now. You can just use hex values if you wish. Example: bg-skin-base/10 for 10% opacity on the base background color. Wonderful improvements since 2021.

Hey! What 's your vscode font name?

It was easy and 👍🏻

You rock this one out

My prettier doesn't work? Please someone help me

I love this tutorial, it would be really useful though if you could also share the design guide so that I can try these things myself against a guide.

Right in the beginning, you can just copy the shadow box in two different places. I would even argue, that there is nothing wrong with lots of duplicated css. Because all your elements are autonomous, and you can fix those things. But on the other hand, in Tailwind we got duplicated classes in html, which is a worse problem, because now you need to modify tons of places for consistency. Moreover why the fuck tailwind has a compiler, I don’t even want to know the details.

my eyes hurt ong

which font you're using for vscode ?

Can someone please make this work for PHP with WPCS 🥺

Thanks for the whole Playlist ...your microphone is getting bigger with every video ;-)

This is awsome <3

Thanks sir, finally i found it

omg thank you

that's one way to do it! cool tutorial. I guess if you were writing in react, you'd just make a button component and dump all the classes in there, yea?

Meanwhile, I still struggle with centering a div 😭😅

Isn’t the point of the previous system that because you chose from such a small set of spacing that the website appeared more consistent? Sure there will be exceptions but those can be handled by updating your theme config

What extension you use to preview the output with screen size?

Wooow I love it 🎉

how did you get that background color/image can anyone helpme with that

If you're watching this now - with Prettier v3, you need to manually register the plugins in your Prettier config. { plugins: ['prettier-plugin-tailwindcss''] } 🤙

He didn't get the "Center a div" joke

It's good to share improvement of tailwind, but if you don't share a figma version as well for designers, you miss the most effective part of your work to be used in a real context

So good 💯

Jesus Christ. This double dash nonsense now shown on screen without shame. Anyone gonna stop letting the dumb kids in so we can start focusing on the outcome of code rather than the experience of coding. Someone wake up, anyone. From this coding way of stuff l.

If you guys want to solve something. Solve the issue with css being a way of writing code in an exact way to fit your brand and solve the fact that it’s being code through writing code. period. We don’t actually need to be writing code anymore with text. We are way too smart to keep making dumb decisions about smart things for smart people.

great stuff

could you guys share the source code got the project management app?

can you provide me a code of "Comprehensive scroll snap support"

14:40 thats amazing!!!!!!!!!!

thank you 💙

thank you

anyone knows which font he is using

@1:55, wait, mine (chrome) doesn't let me cycle through the options, that would be so useful...!

Thanks for the video please which font do you use in your vs-code editor

Thank you my website is one step closer!

Not only I understood tailwind more, I also learned more css. Thank U

What is the difference between css and tailwind css?is there any difference between them?if i want to learn tailwind css i want to learn css totally? Or it is the part of css?please clarify my doubt guys i am the begginer.😢

Yeah, thats a game-changer. Thanks!

Episode 1: Look, perfect design without ever leaving the HTML file. 30 minutes later: Let's bring in the whole interactive JS library to display six cards.

Just applied this to my hero intro section, nicely done :D

Bow