Tailwind Weekly #64: the new Just-in-Time CDN is 🀯!

Hello folks!

No major news this week but still got a few updates! Be sure to check out the video of the new Just-in-Time CDN, I think it will be a game-changer for quick prototyping.

Now, on to the usual πŸ˜‰.

🌟 News

It seems the team is hard at work redoing the official documentation, Steve shared a sneak peek this week and it looks πŸ‘Œ.

I also got a couple of videos for you:

The All-New Just-in-Time CDN β€” Tailwind CSS v3.0 Preview
In this video, I’ll show you an early preview of the upcoming Just-in-Time CDN, which will ship with Tailwind CSS v3.0.Tailwind CSS v3.0.0-alpha.1 Release No...

Honestly, this is so 🀯,  magical even!

Ultimate Tailwind CSS Tutorial // Build a Discord-inspired Animated Navbar
Learn the basics of Tailwind CSS by building a Discord-inspired navbar from scratch. Learn how to leverage utility classes to build responsive animated UI el...

And another great video from Fireship, very to the point!

🀩 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

RTL Styling 101

If you're working on a multilanguage site then adding support for Right to Left languages should be on your list. This primer from Ahmad Shadeed is a great starting point, it will teach you all you need to know about styling RTL languages with CSS.

πŸ’… Showcase

Stray Forth Craft Hard Seltzer

This site is so unique! It's basically a landing page showcasing a product but wow do they make it look fancy. The bright color changes, the smooth animations, the illustrations that look like paintings, the bold and unique typography, this site is a work of art πŸ’….

🎁 Resource

CSS Icons

That's right, this site gives you icons made entirely with CSS! No need to deal with icon fonts or even image files. Here's an example of a left arrow. Β All you need to do is copy the code snippet and you're good to go.

If you don't want to add custom CSS to your site then you can use their SVG and TSX versions too.

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

Stay up to date with the Tailwind CSS ecosystem

vivian@example.com

Join other subscribers today.