Guess what, Tailwind CSS hit a pretty big milestone last week, it got to 100 MILLION downloads 🎉 🥳.
I still remember when I started using Tailwind, back at the v0.5 release, it feels ages ago and the framework has come such a long way, let's hope to get it to 1 billion 🚀!
Now onto our usual content 😉.
⭐ We're thinking of adding job postings in future issues so if you're looking for talented Tailwind CSS developers, here's the info.
That's right, we got a preview from Adam about the upcoming new product category for Tailwind UI, web templates! I'm really excited about that one since we'll have no-constraints designs that will be great starting points for all kinds of full-page designs. No more mix and matching snippets, now you'll have the full page design available!
The sponsor of this issue is the DevTools for Tailwind CSS browser extension. The DevTools for Tailwind bring back designing and debugging in your browser. Intellisense autocompletion, full JIT engine support in minified production sites, and more. Get a 20% discount if you use the code
TAILWIND-WEEKLY during the checkout.
This week I bring you two videos, I usually just feature 1 video or link but these are so good I just had to feature them!
Recently I had a project where accessibility was very important and I had to develop a keyboard accessible accordion component for some FAQs the client wanted to display. Let me tell you, using the
details element along with the
open modifier you'll learn how to use in this video made everything a lot easier than coding it in JS from scratch. I definitely recommend you check it out for the next time you need to mess around with accordions!
Man, this video gave me so many ideas for adding interactivity to Tailwind UI components, Sam has such a knack for breaking down intimidating concepts and teaching them well. This time he uses the recently released Calendar snippets and makes them interactive for his specific use case. A perfect watch if you regularly adapt Tailwind UI stuff at the functionality level, not just the style level.
Another personal site! This one is more of a blog and looks very minimal at first glance, but it has some nice tiny interactions, beautiful typography (especially for a tech blog), and great color choices. I particularly love that pink 🎨.
This one is a great plugin from Shruti. It helps you create a responsive grid layout without using media queries by using
auto-fit . Don't know what that is or why it's cool to have it? This article explains it much better than I ever could.
👌 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!
Polypane is a great tool for testing your project’s responsive design and accessibility. The best thing about it is that it helps me catch visual bugs in seconds rather than hours. Definitely worth the money for the time I have saved.
I highly recommend LambdaTest as your cross-browser testing tool, with it you can test on IE11, Safari, and most mobile browsers, it also has a very easy-to-use interface, it’s very fast, and they have a lot of automated testing features too. You can use the coupon code
TAILWIND15 for 15% off the annual plan.
PixelSnap 2 is the fastest tool for measuring anything on your screen. I use it as part of my front-end development workflow to make sure I'm translating screens as close as possible to the design.
Hate using git on the command line? I do too, that's why I use Tower, which is the best git client I have ever used, and trust me, I have tried them all. Tower has helped me stop fearing git and I cannot imagine going back. Yes, it's that good!
This Week In React: the best of React & React-Native news. Sebastien filters the noise, and you save time!
TypeScript Weekly: the best TypeScript links every week, right in your inbox.
Want to support the newsletter? You can buy me a coffee with the link below 😁.
Stay up to date with the Tailwind CSS email@example.com
Join other subscribers today.