Tailwind Weekly #86: another template sneak peek, rems vs pixels and more icons for you!

Hello folks!

No official news this week except for another sneak peek of the upcoming templates product for Tailwind UI, really looking forward to seeing them all!

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.

🀩 Sponsors

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.

We convert your design to Tailwind CSS. Focus on your business logic. Leave the markup code in our capable hands. Just fill out our 3-minute questionnaire and get a quote in 24 hours.

πŸ“š Learning

A Practical Guide to Aspect Ratio in CSS

Now that we have official support for the native implementation of the aspect-ratio property (instead of needing the plugin) I found this video to be a great refresher and learned a few tricks too. Definitely a great watch if you work with aspect ratio and would like to learn more about it.

The Surprising Truth About Pixels and Accessibility

I have heard the debate about pixels vs rems a lot for the last few years but I like Josh's angle on his article. His main argument is that "it depends" but he also explains why and how to develop your intuition to know what to use in every situation. Overall a great read. Β 

πŸ’… Showcase

Liftoff Creator Course

This week's showcase, for some reason, reminded me of Guardians of the Galaxy, it's so flashy! Beautiful colors, even more beautiful gradients, and the whole space theme and real-life pictures really make it shine. The subtle hover animations are a very nice touch.

🎁 Resource


This set of icons has a very minimalistic vibe but I love it! It includes social icons and you can also customize the stroke, and size and can copy the SVG code directly, no need to download files if you don't want to. Heroicons is my favorite but these really serve as a great alternative.

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.

There's a reason over 2.6 million people start their day with Morning Brew β€” the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be dry and dense...make your mornings more enjoyable, for free.

If you want the latest crypto news but you don't want it to be dry and confusing, join the 60,000 people who read the CoinSnacks weekly newsletter for free every week. It’s what you need to know… without the fluff.

✌️ Partners

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.

ES.next News: learn about the latest in JavaScript and cross-platform tools

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 😁.

Stay up to date with the Tailwind CSS ecosystem


Join other subscribers today.