6 New Tailwind Techniques in 8 minutes
HTML-код
- Опубликовано: 30 июн 2024
- Highlights from my live-coding talk at Tailwind Connect 2023.
🔗 LINKS
My Tailwind course: buildui.com/courses/tailwind-...
Watch the entire talk: • Tailwind Connect 2023 ...
🕐 TIMESTAMPS
0:00 - Intro
0:09 - Text accent
0:39 - Responsive typography
1:35 - Text balance
2:27 - :has() selector
4:26 - Container queries
7:06 - Masonry layout
8:17 - Outro - Развлечения
Hey all - just reposted this, had some renegade audio at around the 5-minute mark and wanted to fix it! Sorry for the mixup :)
is all this css available for regular browsers nowadays or is this still a preview of things to come? i'm specially interested in the last one - masonry grid
@@aspirin02 me too! also interested in the last one, but couldn't get it to work so far!
I remember seeing this during the conference. I’m glad you made it a separate video. We need a tailwind class from you, please.
I actually released a full course where we build a Discord clone from scratch a few months ago! buildui.com/courses/tailwind-mastery
Amazing one Sam! We love your Tailwind / Radix / Framer content!
Keep it up! ❤
damn i was JUST looking for ways to make the masonry effect and then this video pops up
Love your content!
Brilliant. Thank you.
Awesome video! Really like the new format!
that was seriously mind blowing
i love this kind of videos, please do more 🖤
Wow this is just amazing. Love the features plus your videos are cool
nice! will play around with some of these features today!
I love the masonry layout, so nice
🎉 thank you for this!
great treatment!
Great tips!
And just like that, a handful of my most painful css woes have been fixed. Thanks!
thank you btw love your content🙏
awesome job dude!!! tks
pure magic. They are all useful to tricks. I will use the responsive typography immediately.
Brilliant Thanks Sam! Will definitely be using these.
How did you make the vscode completion window to be like that?
amazing content
Thanks!! very cool
Amazing!
group-has definitely blew my mind.
excellent!
It's amazing.
Thanks bro! You have a gift
The kid is doing it live. Nice work Sam!
Text-balance fantastic one
Awesome
loooove it
Thx
Thats some insane shit
you're insane
Wait masonry is a tailwind class! 🔥
Great! does tw container plugin provide fallback support where its not supported?
🔥
Thanks Sam! Can we use all of these now in tailwind -- or do we have to wait for browser support? I'm talking about text-balance and masonry
Text balance is already supported in most major browsers, but masonry still has a way to go as only Firefox has support for it which the user has to custom enable to get it working
@@atemrandyasong5710 Are you sure? The tailwind docs does not have it yet, looks like it might just be in the insider version
@@atemrandyasong5710 text balance is supported in Chrome and is not supported in Safari or Firefox, so I wouldn't say it's "supported in most major browsers".
Am I missing something ? Does tailwind already come with "text-balance" or "grid-row-[masonry]" ??? ... I cannot find anything regarding this new classes.
Thanks Sam! Do you have any plans to release the shadcn-ui course on buildUI?
Why you don't have a million follower is beyond me.
Now I know. You are the CSS God cause wtf
How are you able to work with "has() selector", tailwind doesn't seems to have a support for that yet.
great video, thanks!
p.s. 720p video in 2023, ohhh.
Every time I see a Sam Selikoff vid, I level up
Looks like the masonry isn't really supported in any browser. Would have been nice to get a heads up on that.
0:35 sounds cool until u realize u cant change the actual checkmark color so u turn the accent to something dark and realize ur stuck with dark bg and the default checkmark color. Ofc this didnt matter with the lime example haha
text-balance class is not mention in current documentation.
I am looking, if a high dynamic multibranded design system makes sense to implement in tailwind
Yes. If you want to go really deep you can override any and all default classes with your own but that’s overkill for most use cases imho
That last masonry option would be perfect for the image grid I'm building for images which keeps their aspect ratio 😄
When we can use these? Like has-,text balance..
Deleted ??
Yeah I had some bad audio so I re-uploaded it
@@samselikoff I thought that was you making your tagline known...
"And there you have it!' XD
It'd be far better if you would be a little bit more energized while you show these features. It goes a long way to show that you guys are excited about these features.
disagree, i like that he is not hyping things up too much. i think for teaching his energy is really great.
Hey Sam. You're not 15 years old. Stop wearing a hat like this, it's a bit ridiculous. Love