Tailwind Weekly #65: New video, new Tailwind UI update, v3 on the horizon 🤩

By Vivian Guillen — Nov 20, 2021

Hello folks!

It's been a busy few weeks for the Tailwind Labs team! We got a new video, a new Tailwind UI update, and the likely release date of TailwindCSS v3! Keep reading to get the details.

We also got our usual weekly menu, let's get to it 😉.

🌟 News

We got an incredible video from Simon about customizing TailwindCSS to meet your design's specific needs.

We got a new Tailwind UI update. Here's what's they added:

A brand new Textareas category to the Application UI package
9 new Radio Group examples
A new Step example
A new FAQ example.

And last but not least we got a tentative V3 release date, quoting Adam:

We're aiming to release v3.0 in the first week of December, so start playing with the alpha release and let us know if you find any issues!

It looks like v3 will also come with new and improved docs based on the ton of sneak peek tweets from @steveschoger.

Let's hope they're able to meet their deadline, it'll be an awesome early Christmas present 🎅!

The sponsor of this issue is Windy – the browser extension that transforms any HTML element into a Tailwind CSS component with a single click. Save hours or days when you convert your non-Tailwind sites to Tailwind or go to any website and see how you can build any element with Tailwind CSS. Get a 20% discount if you use the code TAILWIND-WEEKLY during the checkout.

📚 Learning

A Deep Dive Into object-fit And background-size In CSS

I must admit I first saw the use of object-fit in one of the many code-along videos from Adam and I was awed and surprised I didn't hear it sooner, it made working with images so much easier!

But if you're like me you probably only know to use object-cover and don't know much of what the other values do, this article can help you fix that. I found it very informative and I now finally have a better understanding of background-size too!

How to use the TailwindCSS Aspect Ratio plugin

We at Red Pixel Themes have been brainstorming new blog posts ideas related to TailwindCSS and this week I want to feature our latest article, learn how to use the Aspect Ratio plugin to its fullest. You'll learn what "aspect ratio" really is, what are the most common ones and how to customize the plugin if you want to add new values.

💅 Showcase

SavvyCal

SavvyCal is a great alternative to Calendly that makes scheduling between multiple people more personal, they recently redid their marketing page and now they're using Tailwind!

I think it looks great! Very colorful, clean, and straight to the point, you'll know how SavvyCal can meet your needs in just a few seconds.

For the curious, here's what SavvyCal does, straight from their description:

SavvyCal is scheduling software that helps people to find a time to meet instantly.

🎁 Resource

tailwindcss-first-line

This one is short a sweet, it's a Tailwind plugin to customize the :first-line pseudo-element, you can learn more about it here. If you work a lot with text and want to make the first line of your content more elegant or colorful then you'll love this plugin.

👌 Promoted links

Note: Some of these links are affiliate links, which means I get compensated in some way if you buy through them but I promise I only recommend products I really like!

Red Pixel Themes is having a Black Friday sale! Use coupon code BFSALE to get 50% off any of our templates. We have portfolio, business, blog, and e-commerce templates if you’re interested.

This Week In React: the best of React & React-Native news. Sebastien filters the noise, and you save time!

Inspect Flow - The complete developer tool for Tailwind CSS. 50% off sale: inspectflow.io

Want to share something with the TailwindCSS community? You can submit a link or message me on Twitter @vivgui.

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