Tailwind Weekly #69: learn to create beautiful shadows with this week's article!

Hello folks!

It's been a quiet week on the TailwindCSS front, but Adam gave us a sneak peek of something they're working on. It sounds like it'll be a prettier plugin to sort tailwind classes.

What I loved about it is that it seems it will sort the classes by media queries, think something like text-base md:text-lg lg:text-2xl, which is something I have been wanting forever. Can't wait for the release!

Now, onto our usual menu 😉.

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

Polypane is a great tool for testing your project’s responsive design and accessibility. I use this daily for my frontend work and its 👌. If you sign up using this link you’ll get 20% off your subscription applied at checkout.

📚 Learning

Designing Beautiful Shadows in CSS

A few issues ago I shared a free tool for building beautiful shadows with CSS, then a few days ago I realized forgot to share the accompanying blog post 😅. Better late than never!

Overall, this is a great primer on how to understand the theory behind beautiful CSS shadows and how you can build your own. If you want to level up your CSS game, then this is a great start.

💅 Showcase

Himalayas

It's not every day that you find a job board that is both functional and beautiful, I think this week's showcase is both and more. Its beautiful typography, great use of white space, and beautiful accent colors really make it stand out from the crowd. I love how they truly embraced the purple color, it's everywhere but it's also never too much.

🎁 Resource

tailwindcss-radix

My friend Florentin recently released a very useful TailwindCSS plugin for folks using Radix UI. It basically helps you style the different states of the UI components. Check out the demo for a more practical example.

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

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

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

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