Tailwind Weekly #62: New video and some sneak peeks of what's to come!

Hello folks!

It’s been a slow week on the news side but we did get some sneak peeks of what’s to come. I’m particularly excited by this tweet showing possible customizations for the tailwind-typography plugin with classes right there on the code. It’s 🤯.

Now, on to the usual!

🌟 News

Remember the v3.0 alpha we talked about last week? Well, now you can use it in Tailwind Play too!

And of course, we got another great video from Simon, Adding Tailwind CSS to an Existing Project, I loved the preflight: false thing, very useful!

🤩 Sponsor

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

The Best Font Loading Strategies and How to Execute Them

I have been doing a lot of performance optimization work these past few weeks and noticed how important proper font handling is! This article helped me understand my options and what was best for that particular optimization, definitely a great read.

💅 Showcase

Kent C. Dodds

Kent C. Dodds recently updated his site and it’s now made with TailwindCSS. It has great typography, fancy animations, and koalas, what’s not to love 😍?

If you don’t know Kent, here’s a very famous JS teacher and has a great React course called Epic React.

🎁 Resource

Tailwind Mobile

Now, this one is a treat! Tailwind Mobile is a collection of pixel-perfect mobile UI components built with Tailwind and they’re completely free. They’re meant to be used with a “parent” framework like Ionic or Framework7. As of now they only have a React version but it seems the Vue and Svelte versions are coming soon.

👌 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!

Want to learn how to improve your debugging CSS skills and reduce the time you spend on CSS bugs? Then you really need to read Debugging CSS! You can use coupon code tailwindweekly for a 15% discount ✌.

We rebranded! Tailwind Made is now Red Pixel Themes 🥳! Check out our official blog post about the move. Our templates stay the same. We have portfolio, business, blog, and e-commerce templates if you’re interested.

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

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