> ## Content Index
> Fetch the complete content index at: https://tailwindweekly.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Tailwind Weekly #14: yes, v1.4 is out, Adam was on 🔥 this week!
- URL: https://tailwindweekly.com/issue-14/
- Published: 2020-05-02T03:00:00.000Z
- Updated: 2025-10-03T08:49:51.000Z
- Author: Vivian Guillen

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

> 🥳 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/yGDcslMr1b?ref=tailwindweekly.ongloat.com&utm%5Fsource=tailwind-weekly.beehiiv.com&utm%5Fmedium=referral&utm%5Fcampaign=tailwind-weekly-14-yes-v1-4-is-out-adam-was-on-this-week) [pic.twitter.com/Tatj8EFIUh](https://t.co/Tatj8EFIUh?ref=tailwindweekly.ongloat.com)— Adam Wathan (@adamwathan) [April 29, 2020](https://twitter.com/adamwathan/status/1255601129267830784?ref%5Fsrc=twsrc%5Etfw&ref=tailwindweekly.ongloat.com) 

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](https://github.com/nuxt-community/tailwindcss-module?ref=tailwindweekly.com)) now its native!

> 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.— Ryan Florence (@ryanflorence) [April 25, 2020](https://twitter.com/ryanflorence/status/1254100715334590465?ref%5Fsrc=twsrc%5Etfw&ref=tailwindweekly.ongloat.com) 

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

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/399c148d-d17d-4c88-87d4-297adcaf8e72/maxresdefault--2---1-.jpg?t=1738083352)

### [Tailwind CSS Tips, Tricks & Best Practices](https://www.youtube.com/watch?v=nqNIy8HkEQ8&ref=tailwindweekly.com)

This tutorial comes from our friend [Sam Selikoff](https://twitter.com/samselikoff?ref=tailwindweekly.com) (the guy behind [MirageJS](https://miragejs.com/?ref=tailwindweekly.com)) and this one of the best tips and tricks videos for tailwind I have ever seen, since [Adam’s Laracon 2019 video](https://www.youtube.com/watch?v=J%5F7%5FmnFSLDg&ref=tailwindweekly.com). It’s a bit long to watch on one sitting but trust when I say you’ll learn a thing or two from it!

### [Dark Mode on Tailwind CSS from docs](https://tailwindcss.com/docs/screens?ref=tailwindweekly.com)

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](https://github.com/hawezo/tailwindcss-theming?ref=tailwindweekly.com) plugin from my friend [hawezo](https://github.com/hawezo?ref=tailwindweekly.com).

## 💅Showcase of the week

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/87320798-6c69-47ff-90fb-b05f545487fb/image-93.png?t=1738083352)

### [LottieFiles - Free animation files built for Lottie, Bodymovin](https://lottiefiles.com/?ref=tailwindweekly.com)

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*

## 🎁Resource of the week

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6b6c1c30-83ba-4390-a659-2fff84884547/image-94.png?t=1738083352)

### [rebuild-x-with-tailwind: My playground to learn Tailwind CSS](https://github.com/dsdshcym/rebuild-x-with-tailwind?ref=tailwindweekly.com)

This repo is from the talented [dsdshcym](https://github.com/dsdshcym?ref=tailwindweekly.com). 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.

Want to share something with the TailwindCSS community? You can [submit a link](https://tailwindweekly.link/submit?ref=tailwindweekly.ongloat.com) or message me on Twitter [@vivgui](https://twitter.com/vivgui?ref=tailwindweekly.ongloat.com).

Want to support the newsletter? You can buy me a coffee with the link below 😁.

![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8183afd0-f4b6-4dcd-a37f-7856ce4b2871/coffee.png?t=1738083353)