- Tailwind Weekly
- Posts
- Tailwind Weekly #184: Bug fixes, fancy attr() and Favicons in 2025 ✨
Tailwind Weekly #184: Bug fixes, fancy attr() and Favicons in 2025 ✨
Hello folks!
No major news to report on the Tailwind CSS front except for a few patch releases for fixing bugs and small stuff. The Labs team has been squashing bugs like a mad crew; kudos to them 😄!
Now, let's dive in!
🤩 Windy Picks
VS Code is good—but let’s make it awesome.
Tired of distractions, clunky defaults, and spending hours configuring your editor? Make VS Code Awesome by Caleb Porzio takes your setup to the next level, with smarter workflows, killer keybindings, and custom extensions designed to boost your productivity.
This isn’t a boring doc—it's a fun, actionable guide packed with tips to optimize your editor, like:
Hide the clutter: Turn VS Code into a clean, distraction-free workspace.
Ditch the mouse: Master intuitive shortcuts for coding bliss.
Teach it PHP: Get proper autocomplete, test runner setups, and more.
With a 144-page ebook, screencasts, pre-built configs, and exclusive tools, thousands of developers are already coding faster, smarter, and happier.
Stop settling for "meh." It’s time to love your editor. Get started today.
📚 Learning
This article is a great guide for anyone tired of juggling dozens of favicon files just to get that tiny logo on a browser tab. Instead of going through the ordeal of generating over 20 static PNG files, the piece introduces a streamlined method using just five icons and a JSON file. It dives into the evolution of favicons, their necessity, and how you can adopt a minimalist approach without sacrificing compatibility across modern browsers.
This article dives into the exciting new capabilities of the attr() function in CSS, rolling out with Chrome 133. It’s a game-changer for web developers, allowing attributes to be used beyond simple strings (think colors, numbers, and percentages) with improved semantic power. From creating dynamic product cards to implementing star ratings and grid placements, the article provides practical demos that showcase how these enhancements can streamline your CSS workflow. I
The author dives into how to use container queries to switch between classic and circular image caption styles based on the container size, which is way more efficient than using media queries alone. They also explore different layout options like absolute positioning, CSS grid, and padding tricks to achieve the desired design. Plus, there's this cool bit about making everything fluid with container query units, ensuring the design adapts to any screen or container size.
💅 Showcase
MailerCheck is a powerful email verification and deliverability tool built with developers in mind, offering a real-time API to validate email addresses, clean lists, and improve delivery rates. It also provides tools like DMARC monitoring and Inbox Placement testing to help you identify issues with domains, improve email performance, and avoid spam filters. With easy integration into platforms like Mailchimp, ActiveCampaign, and more, it’s a straightforward solution to keep email systems efficient and secure.
🎁 Resource
If you’re ever in need of clean, ready-to-use SVG logos for developer tools, frameworks, AI platforms, and so much more, this library is a gem. Svgl features hundreds of SVG logos, all neatly categorized (think "AI," "Authentication," "Design," etc.), making it super easy to find what you need. Each logo also links directly back to the product or company it represents, which is a nice touch for proper attribution.
👌 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!
Apitally – Gain deep insights into your API's usage, performance, and consumer behavior with real-time analytics.
Git-Cliff – A customizable changelog generator for any Git repo, supporting regex parsers and easy integration.
OpenRouter – A unified interface for LLMs: better prices, uptime, no subscription, and trending models showcased.
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 😁.