What's new in Tailwind CSS v3.0?

Подписаться 93 тыс.

Просмотров 183 тыс.

50% 1

In this video, I'll show you some of the exciting new features added in Tailwind CSS v3.0.
Release notes: tailwindcss.com/blog/tailwind...
Upgrade guide: tailwindcss.com/docs/upgrade-...
Chapters:
0:00 Intro
0:10 Just-in-Time, all the time
2:55 Even more colors out of the box
3:28 Colored box shadows, finally
5:16 Print modifier
7:42 Native aspect-ratio
10:28 Comprehensive scroll snap support
12:13 Scroll behavior
14:16 Multi-column layout
16:56 Accent color & file inputs
19:03 Styling open/closed states
20:08 Fancy underlines
20:50 Arbitrary properties
24:27 Play CDN
25:58 Outro

Наука

Опубликовано:

21 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 574

@RedVelocityTV 2 года назад

What have we done to deserve this for FREE. Incredible stuff as ever!

@simonswiss 2 года назад

The beauty of having a commercial product (Tailwind UI) that allows our team to work full time on the open-source framework (Tailwind CSS) 🙏

@manojkumarjamnekar8012 2 года назад

@@simonswiss🙏 thanks for your hard work. You guys are awesome 😁 🤘

@andreaslautenschlager3388 2 года назад

That's why we bought the full Tailwind UI package. Tailwind saved us a lot of time

@shayanzamani9907 2 года назад

Bro, incredible ain't just enough for Tailwind CSS. It is more than mind-blowing !!!!!!!!!!!

@marcusmaunula5018 2 года назад

We also got the UI package to support. I hope they add back FIgma (for money perhaps?)

@syedahamed2362 2 года назад

This is amazing, Tailwindcss is the only CSS framework that makes me feel like the more I learn the more satisfying I become.

@samuelnmeje 2 года назад

Never have I ever considered printing when dealing with CSS. This show just how much tailwind exposes you to. Great work guys

@s1mpler.videos 2 года назад

Oh man, I did, and believe me... sometimes it could be quite challenging using CSS. Tailwind is a gift to the entire front-end community!

@Chris03528 2 года назад

Amazing! Tailwind CSS v3.0 is actually the most exciting release of the year!!! ❤️

@alexandermercyadeiza1796 2 года назад

Yasssss! 🤟🏽

@Ikram-Hussain 2 года назад

can you tell me? which font is used on this video?

@simonswiss 2 года назад

Those cookies were damn amazing, and I happily did a few re-takes to make sure the recording was good. You never know!

@alkhamistic 2 года назад

GAME CHANGER. love what this team have been doing as well as this RU-vid channel and content

@aidanjporter 2 года назад

It just gets better and better 😂 Thank you all so much for such amazing work and for making these videos along with it!

@bradleyha 2 года назад

So good, amazing work. Thanks for all the effort to make an already great product even better! After being out of front end development for 10 years I didn't think it would be possible to get back in with all the new variants, browser differences and responsive requirements but Tailwind makes it so accessible even I can do it :D

@JKhalaf 2 года назад

Simply amazing 🤩 a million thanks to everyone that contributed to version 3. Awesome stuff! 👏👌

@joanapaulasoliveira 2 года назад

I literally danced to all the sections of this spectacular release. Thank you!! 👏🙏

@simonswiss 2 года назад

That's what I like to hear!

@getteched2412 2 года назад

Honestly, an amazing video. Really enjoyed the watch. I only recently started using tailwind around 8 months ago, and I don't think I will ever turn back. It's hard to think that before Tailwind I was writing all the CSS individually, and although it has given me a good understanding of it, I cannot lie when I say it was tedious. These new features to Tailwind are incredible, and I look forward to utilising them. Massive thanks go to the team at Tailwind, I really do appreciate the work you guys do :).

@thewpwing 2 года назад

Amazing 🙌 I just started my front-end journey couple of months ago and find this very promising framework. Hats off.

@waleedmumtaz 2 года назад

Tailwind CSS is already awesome, and this guy makes it even more awesome! Loved it! ❤️

@lalasmith2137 2 года назад

Absolutely loving tailwind and now all these new features plus your performance makes it even better, thank you so much!

@deliriumcode 2 года назад

And you are an absolute legend, thanks for creating this type of videos. Not only that stuff you are presenting are mind-blowing but you are presenting it in such a good way that is so easy to learn from you! Thank you once again!

@BimaIndraMulya 2 года назад

the way you create custom image style w/ arbitrary properties was amazing! 😄👍 super cool features!

@sergeitinc 2 года назад

The fact that you all did it was amazing. ❤️ You guys are unbelievable and awesome. ❤️

@Kryoxys 2 года назад

It amazes me to see how much growth and adoption Tailwind CSS has seen since release. Easily the best front-end framework out. JIT is a game changer as well, amazing job to the TW team.

@benlow24 2 года назад

As a designer seeing this, I get super excited at how easy you’ve made it look to achieve really slick UI from a framework that anyone can pick up and is scalable. Great work tailwindcss team!

@VladimirMarkovic 2 года назад

Once again thank you for the Tailwind and thank you for all the updates :) I am now off to update to v3 on my projects.

@misterjaypeasmith 2 года назад

Your videos have always been ridiculously polished, but this was next level. Kudos man. 👏🏽👏🏽👏🏽👏🏽

@simonswiss 2 года назад

Thank you so much, Jay! 🙏

@swyxTV 2 года назад

i admire you so much, Simon and team Tailwind, thank you for making all our lives better and making it fun!

@saadgulzar132 2 года назад

Amazing Man!!! 👀 Tailwind and You both killing it all. Excited to try all these new features! ❤️😍🔥🎉

@KoljaLauterbach 2 года назад

This is AWESOME!!! Tailwind is definitely becoming my favorite CSS Framework! Thanks sooooo much for the cool new functions!

@rayusaki88 2 года назад

Amazing release! Excited to explore the new features in the playground! Well done TW team 👏🏻👏🏻👏🏻👏🏻

@tiagooliveira14 2 года назад

That's amazing release. So much good stuff. Thanks to all people at Tailwind.

@Ikram-Hussain 2 года назад

can you tell me? which font is used on this video?

@tiagooliveira14 2 года назад

@@Ikram-Hussain For the template, they used the default from Tailwind: Sans. 'sans': ['ui-sans-serif', 'system-ui'],

@johncastorina8310 2 года назад

You guys are legends. Been using TailwindCSS exclusively now since the end of 2019. Thank you for continuing to amaze!

@jugibur2117 2 года назад

Incredible work and as always great explanations - thanks a lot!

@kalvinwei19 2 года назад

Cutest product intro video ever! Nice work, Simon. I found that Tailwind Labs really got interesting people.

@tylermorales9043 2 года назад

😍 Loved the super quick intro

@yourmanstan 2 года назад

i'm jawdropped. outstanding improvement on an already outstanding tool. outstanding presentation. just outstanding all around 🤩

@belkocik 2 года назад

Thank you for this video! looking forward for more v.3.0 examples :D

@JimmyGee 2 года назад

Your videos are amazing. I'm looking forward for every single one of them!

@realstoman 2 года назад

Absolutely mind blowing. Pretty excited that I'll be using these new features in my projects. Thank you TailwindCSS Team ❤️👏🏼

@henriquecabralferraz4632 2 года назад

Maaaan I cant express how much I absolutely LOVE Tailwind. Always getting better, prettier and easier. You work is awesome! Thank you so much.

@dieudonnemukunzi529 2 года назад

Woooow the sheer amount of value out of this... you are the legend 🔥🔥🔥

@Billiam112 2 года назад

Didn't want this video to end! Hope to see part 2 with features not included in this video at some point! Really impressive stuff!

@simonswiss 2 года назад

Haha yep we aggressively cut down some stuff to stay below the 30-minute mark, some really good examples didn't make the cut but they might come out as their own little video 👍

@abdulsamiaalashiq5925 2 года назад

amazing features, thanks a lot and we need more in future 💌

@julianf9745 2 года назад

Excellent and thought-out work, nice!

@34tttttaa 2 года назад

Congratulations! Tailwind keeps becoming more and more impressive, the Play CDN feature is simply mindblowing.

@akhil0227 2 года назад

This year couldn't end any better than this 🙌👌

@paulsalele3844 2 года назад

Wow.. tailwind gets more amazing with every update!! I don't ever want to go back to regular CSS!! Great Work!!

@rodolfhoazevedo5420 2 года назад

i'm addict to tailwind, and the explanation with examples is amazing

@rogerpence 2 года назад

Highly informative video! The host was born to do this. The pacing and delivery was perfect.

@abdullahclementabdulshekur6736 2 года назад

wow my heart skipped a beat when I opened the new tailwindcss docs page.. You guys are super cool, I remember when Adam made his first video about tailwindcss, I knew it would be the best subsequently

@chenrui333 2 года назад

Awesome work!! Congrats to the team on this big release.

@sajjadhossincse 2 года назад

Amazing 🤩I was so excited to see this version 3 . Great work . Hats off to you.

@jdlien81 2 года назад

I'm a LEGEND! But seriously, your videos are so entertaining and well-done that you make it pretty easy to watch videos about coding web pages.

@simonswiss 2 года назад

Certified LEGEND!

@yoshitsuna27 2 года назад

This is wild, amazing work!!!

@dizphunkt 2 года назад

wow, that'S pretty rad! Amazing work, thank you guys!

@arnoldfederis 2 года назад

Another Amazing release! Really liked your presentation sir hahahaha 🤣. Thank you!!!. Will definitely use this for my personal site 😁

@kelvinsmith4894 2 года назад

Halfway into this video, I'm already losing my mind. Tailwind is making Frontend development GREAT AGAIN!!🔥🎉

@anshu5345 2 года назад

You are an artist man. Keep doing this :)

@reymago23 2 года назад

watching these videos is not only informational but delightful!

@simonswiss 2 года назад

That's the angle I am going for, so that's nice to read! 🙏

@jmunozco 2 года назад

Awesome improvements!! thanks guys

@xaxaFilms 2 года назад

NO! YOU'RE ABSOLUTE LEGEND! I will definitely use this in my WIP and new projects.. really awesome work!

@danceban9166 2 года назад

Amazing release! Hats off to all the Tailwind CSS team, you guys are incredible! 🥰👏🥳

@HellowThar 2 года назад

Good Christ the arbitrary properties are unbelievably cool.

@simonswiss 2 года назад

They're pretty wild eh?

@justinoneill2837 2 года назад

you guys are killing it!

@sunnysk43 2 года назад

Absolutely amazing - a real game changer! Thank you for your amazing work!

@nerothos 2 года назад

That arbitrary properties demo is just you showing off, isn't it? :D Absolutely wonderful layout!

@qsmfoui Год назад

you're an absolute legend for creating this video!

@simonswiss Год назад

Well thank you Lukas! 🤗

@Skillthrive 2 года назад

Incredibele work, as always! 😍

@abe10 2 года назад

Can't wait to try 3.0 ❤️

@_Alch3m1st_ 2 года назад

Thank you for all the videos and all the contributors to this open source project. The vids are extremely helpful to get us started with tailwindCSS. I personally believe it is hands down, it is the best CSS framework out there!!

@tuguldurbaatar 2 года назад

Fantastic release. Thank you so much.

@israeldecastroa.7802 2 года назад

Amazing! You are making a wonderfull work with Tailwind CSS, I love this new version

@jamestan5649 2 года назад

quick but amazing explanation. love tailwind and this guy's channel. Thanks!

@apvarun 2 года назад

Love this video format. It's so enjoyable to watch

@C00ltronix 2 года назад

The "print" class is soooo cool! Well done!

@Advanced21thHuman 2 года назад

This update is very nice. Especially the columns options for building photos galleries

@greggles_b 2 года назад

Epic! The features keep coming!

@islombekhasanov 2 года назад

I've seen Tailwind for the first time today! And Thanks God I came across v3 now that I'm ABSOLUTELY blown away! What a great tool! Definitely using this in my projects now!

@AseDeliri 2 года назад

Top shelf work gentlemen. That is a whole new world of possibilities.

@NeverCodeAlone 2 года назад

Very nice overview. It is a very nice inspiration for my new work with this great framework on 2022

@PoetNoPoems 2 года назад

Super impressive and just started using tailwind css and its just such an experience, the devs have really out done themselves and this video is impressive

@saulgodman7872 2 года назад

You are the most relaxed youtuber I know, with a funny accent :D Thanks for your learning contentn and tailwindcss!

@IssamMZOUGHI 2 года назад

Amazing 🙌 Can't wait to use it in my next project.

@MrSonicastra 2 года назад

Haha Simon, u rock man! Nice video as always. Thanks for tailwindcss 3.0.

@Allformyequine 2 года назад

I luv how this guy makes me giggle when learning new stuff! Awesome keep it up; oh and the humor is appreciated in this dry dev world :)

@jeevachaithanyansivanandan 2 года назад

Those Print utilities are like super cool

@andresgutgon 2 года назад

So much love in this video

@simonleen1252 2 года назад

I've been looking at moving away from web dev to other areas of computing but this just makes we want to play with new websites all over again. Absolutely Amazing

@1boompje 2 года назад

Incredible work by the team!

@kompaskompas5605 2 года назад

This update is just amazing, can't wait to use these features.

@devmarkmonster 2 года назад

I'm really impressed with this update! Well done team!

@pythonantole9892 2 года назад

Wow! wow! wow! Amazing. That print modifier is like magic!

@ranatdasprangon7987 2 года назад

Yes, I am an Addict. I am addicted to this awesome framework. Thanks to Tailwind CSS team for doing these amazing works. ❤️❤️

@Hav2nsTd06 2 года назад

Incredible… Thx for your work 👏👏

@pjh5135 2 года назад

Well. You've just taken something that was really good and made it utterly brilliant. Thank you.

@GammaWraith 2 года назад

Freaking amazing!!!! Thank you so much for the excellent explanations on each topic.

@GammaWraith 2 года назад

Can I get a job at tailwind labs ? The work you guys do is amazing! 😁

@alanr3id 2 года назад

Outstanding work guys 👏🏼👏🏼🍻🍻

@Thunder007de 2 года назад

This is pure Magic. Happy to found this video!!!!

@snakemanluffy7645 2 года назад

Amazing! can't wait to use it in my projects.

@hamishholder 2 года назад

Really neat stuff, thanks!!

@yassinenassih3002 2 года назад

Too much love for you guys

@jimsbond03 2 года назад

I could watch this all day.

@astronaut017 2 года назад

Thank you for amazing framework🔥🔥🔥

@DerickMasai 2 года назад

Frameworks really changed my life. Thank you so much to Simon and the team. Can't believe I'd never heard of Tailwind at the start of the year and now would actually fight for this project 😭😂 Keep being awesome guys. Just about to launch my app as well. How can I update Tailwind on Laravel (installed via CLI)?