View profile

Tailwind Weekly #14: yes, v1.4 is out, Adam was on šŸ”„ this week!

Yes, we got 2 major versions in 2 weeks, you're not dreaming! Apparently Adam got bored coding so muc
Tailwind Weekly #14: yes, v1.4 is out, Adam was on šŸ”„ this week!
By Vivian Guillen • Issue #14 • View online
Yes, we got 2 major versions in 2 weeks, youā€™re not dreaming! Apparently Adam got bored coding so much HTML for Tailwind UI that he switched to TW for some variety.
We love you Adam ā¤ļø, whatever you want to update, weā€™ll be happy!
Now onto our regular stuff, as always we got some good stuff.

News
Adam Wathan
šŸ„³ Tailwind CSS v1.4.0 is here!

- Brand new color opacity utilities
- Built-in PurgeCSS
- IE 11 target mode

Learn more here šŸ‘‰

https://t.co/yGDcslMr1b https://t.co/Tatj8EFIUh
Hereā€™s the official announcement folks! I think my favorite feature is the ā€œBuilt-in PurgeCSSā€ stuff, I hated having to configure that on every third party tailwind implementation I used (like @nuxtjs/tailwindcss) now its native!
Ryan Florence
@jhooks @adamwathan @steveschoger @tailwindcss As somebody who started using CSS when it was first created and used every pattern since then (oocss, BEM, in-line styles, css-in-JS, and more) I have finally found what Iā€™ve wanted all along in tailwind.
This is something I overheard on twitter this week and resonated with me. I felt the same way after doing my first project with Tailwind, after years and years of manually coding CSS, tailwindā€™s approach was liberating!
Tutorial of the week
Tailwind CSS Tips, Tricks & Best Practices
This tutorial comes from our friend Sam Selikoff (the guy behind MirageJS) and this one of the best tips and tricks videos for tailwind I have ever seen, since Adamā€™s Laracon 2019 video. Itā€™s a bit long to watch on one sitting but trust when I say youā€™ll learn a thing or two from it!
www.youtube.com  •  Share
Adam just added a good ā€œofficialā€ example for adding Dark mode with tailwind, be sure to checkout the link!
Important note: due to the way its implemented right now, you canā€™t do stuff like md:dark:text-gray-300. He says this would change in the future with a release for better dark mode support. If you need a robust plugin for better dark mode I highly recommend the tailwindcss-theming plugin from my friend hawezo.
tailwindcss.com  •  Share
Showcase of the week
LottieFiles - Free animation files built for Lottie, Bodymovin
Look at that teal hue šŸ˜. This weekā€™s showcase sure knows how to play with color! The layout structure is simple (white with shades of beige) and they rely on the itemā€™s animations for making the page feel alive. Plus the typography is top notch and the site loads FAST.
As always, hereā€™s LottieFilesā€™ tagline:
LottieFiles is a collection of animations designed for Lottie and Bodymovin - gone are the days of bugging your developer
lottiefiles.com  •  Share
Resource of the week
This repo is from the talented dsdshcym. Our friend wanted to learn Tailwind and since practice is the best teacher, he got down and coded a few famous layouts with TW, the list is ever growing so be sure to check every once in a while for new ones.
github.com  •  Share
Did you enjoy this issue?
Vivian Guillen

Weekly newsletter about all things Tailwind CSS. New issue every Saturday.

Tweet Ā Ā Ā  Share
If you don't want these updates anymore, please unsubscribe here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue
2035 Sunset Lake Road Ste B2 Newark Delaware 19702 United States