- Tailwind Weekly
- Posts
- Tailwind Weekly #185: New Mini-Video Series Coming, Color Page Updates, and Future Typography Plugin Changes 🎓!
Tailwind Weekly #185: New Mini-Video Series Coming, Color Page Updates, and Future Typography Plugin Changes 🎓!
Hello folks!
Another week, another lovely patch release 😌. Adam also teased a new video series coming soon, this time about designing better UIs with Tailwind. With Adam’s and Steve’s experience delivering great education products I’m sure it’ll be amazing!
Now, let's dive in!
🌟 News
No major news this week folks but the Tailwind Labs team has been cooking! Adam announced a 6-video mini course releasing next week.
The team also added a beloved feature to the new colors page in v4, now you can click a color and copy it to the clipboard automatically!
Lastly, Adam confessed that he hates the typography plugin 🤣 and that its next iteration will be a CSS file you can import and override however you want.
🤩 Windy Picks
Are you a developer stuck on the 9-to-5 treadmill? What if your coding skills could open doors to freedom and flexibility?
Florin Pop's “Ten++ Ways to Make Money as a Developer” eBook ($19) is your roadmap to monetizing your developer skillset. Learn practical ways to earn—from freelancing, blogging, and creating digital products, to SaaS and live coding.
Packed with 168 pages of actionable advice (PDF/EPUB), it's already helped 2,500+ developers unlock new opportunities. Plus, there’s a 14-day money-back guarantee—risk-free.
📚 Learning
This article dives deep into the power of CSS functions like :is(), :not(), and :has(), showing how they simplify element selection while working with specificity. It breaks down complex selectors into understandable parts, using a simple HTML structure to illustrate the nuances between :has(:not) and :not(:has). You'll learn how these functions apply differently to elements and their children, and how implicit selectors play a role.
Andrey dives into why oklch() is a game-changer for design systems and color palettes. The guide breaks down how this new format offers more predictable results for color modifications and palette generation compared to older formats like hsl(). With oklch(), you can tap into the wide-gamut P3 colors, making your designs look better on newer devices. Plus, its human-readable format means no more guessing games when it comes to understanding your colors.
With Preethi you'll dive into an approach that cleverly combines animated custom properties, a conic gradient, CSS offset, and even emoji to craft the illusion of a scooter racing around a donut track. By the end of the article, you'll not only understand how to construct a donut-shaped progress indicator but also how to animate it with a playful touch. Whether you're looking to enhance your project's loading states or simply want to experiment with CSS's versatile capabilities, this article provides a delightful read.
💅 Showcase
Gitpod gives you self-hosted development environments in about three minutes, letting you use your favorite editors or CLI tools right away. It comes with zero-trust security built in, and turns your development environments into code that can be shared and reproduced easily.
🎁 Resource
You know how we're stuck with just rounded corners in CSS? Well, until CSS Houdini is universally supported, Monoco fills that gap. It dynamically generates SVG code to create those cool shapes UX/UI designers love, and it works perfectly across all modern browsers.
👌 Cool Stuff
"Level up with Tailwind CSS" by Shruti dives into real-world Tailwind examples and offers tips even seasoned users will find valuable. Plus, there's an accompanying video course with fresh content every week. If you're serious about improving your Tailwind CSS skills, this book is for you!
Obscura VPN – A VPN that doesn’t log your activity and circumvents internet censorship with ease.
LocalCan – Effortlessly expose local projects with Public URLs and .local domains. A great Ngrok alternative.
LookAway – Reduce digital eye strain with customizable breaks, smart notifications, and seamless Mac integration.
Do you want to share something with the Tailwind CSS community?
You can submit a link or message me on Twitter @vivgui.
Want to support the newsletter? You can buy me a coffee with this link 😁.