Hello folks!

No major news to report this week, but there's still plenty of good stuff to dig into. This issue we've got a primer on Google's new Shared Storage API, a fun deep-dive into making flower shapes with clip-path: shape(), and a genuinely practical guide to ARIA roles (yes, the "stop putting role="button" on divs" kind 🙈).

Quick note: I'm currently taking sponsorships for the newsletter—if you'd like to get your product in front of the Tailwind community, you can grab a slot here.

Let's dive in 👇

🤩 Windy Picks

Stop wrestling with markup and focus on what matters—your business logic. We transform your designs into pixel-perfect Tailwind CSS code.

Led by seasoned developers Vivian and Daniela, we specialize in converting your PSD, Figma, Adobe XD, and Sketch files into good, responsive, and maintainable Tailwind CSS markup.

Complete our quick 3-minute form and receive a tailored quote within 24 hours.

📚 Learning

What is the Shared Storage API?

Cross-site data without the tracking baggage is a tricky problem, and it's exactly what Google's new Shared Storage API tackles. In this video, Tara from the Privacy Sandbox team explains why partitioned storage (local storage, IndexedDB) makes legitimate cross-site use cases hard, and how Shared Storage lets you store unpartitioned data that's only readable inside secure worklets. She also covers the two "output APIs"—Select URL for picking content like ad creatives or A/B variants, and Private Aggregation for building noised, privacy-safe histograms. A solid primer if you're doing anything ads- or analytics-adjacent and want to get ahead of the post-third-party-cookie world.

Creating Flower Shapes using clip-path: shape()

The author introduces the new shape() function (think “SVG path power, but in CSS”) and focuses on just one command—arc—to build surprisingly complex curves, like flower-shaped frames you can apply to a single element (even an image). The author keeps it practical: you’ll see why shape() exists, how arc direction/size changes the final cutout (including the “why is it inverted?” moment), and how to generate the points with a simple Sass loop instead of hand-authoring coordinates. There’s a tiny bit of geometry, but it’s mostly in service of “here’s how you get cool shapes reliably,” plus a neat trick where you can intentionally give a “wrong” radius and let the browser resolve it for you.

ARIA Roles Explained: A Practical Guide for Web Developers

If ARIA roles have always felt a bit fuzzy (or you’ve been sprinkling role="button" on divs and hoping for the best), this article clears things up in a very practical way. It explains what roles actually do, how browsers expose them through the accessibility tree, and, most importantly, when you should not use ARIA because native HTML already gives you the right semantics for free. It also breaks down roles vs. states vs. properties, walks through the main role categories (landmarks, widgets, live regions, dialogs, etc.), and calls out the common mistakes that can quietly make accessibility worse instead of better. By the end you’ll have a much better “use ARIA as a last resort” mental model and a checklist-y sense of what to test with real screen readers before shipping anything.

💅 Showcase

Shape Calendar

Shape is a developer-friendly training planner that turns plain-English workout specs into structured sessions, syncs them to Garmin/Apple Watch/Wahoo and your calendar, and visualizes training load so you can spot overtraining early. Built for the AI era, it keeps your data portable with exports plus API access (and an MCP server) so you can plug training into agents, automations, or your own tooling with no lock-in.

🎁 Resource

Rails UI

If you've ever shipped a Rails app that worked great but looked a little rough, this one's for you. Rails UI goes beyond buttons and cards, it ships complete app themes with auth flows, dashboards, and email templates, all wired for Rails with ERB, Stimulus, and Hotwire. The 200+ components are free to browse, and full access ($299/yr) unlocks 9+ niche themes covering everything from CRM to personal finance.

👌 Cool Stuff

Windybase - Explore weekly curated free & premium Tailwind templates, components and tools to help you build modern websites and apps fast.

OpenFlowKit – A free, open-source diagram studio for devs that turns code into living architecture diagrams with AI and drag & drop.

Stage – A code review platform that breaks every pull request into structured chapters, surfacing intent, risk, and the diffs that actually matter.

Locker – A self-hosted Dropbox alternative with multi-store (S3/R2/Blob/local), search-in-PDFs/images, and tRPC API.

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