Tailwind Weekly #195: Adam Talks AI, Dataviz Accessibility, and New CSS Superpowers 🤩

Hello folks!

No big news this week, but I got a tidbit for you: Adam joined his good friend Justin Jackson on his podcast and discussed how the Tailwind Labs team uses AI in their workflow. They dive into the real-world ups and downs of working with AI as experienced devs, from Adam’s early skepticism to how he now treats AI tools like Cursor as an “automation sidekick” for all the annoying parts of coding. You’ll some fresh perspective on why AI actually helps seasoned builders ship more, not less (plus where it still totally drops the ball!).

Let's dive in!

🤩 Windy Picks

💰 Frontend Devs: Earn Up to $50/Hour Training AI (Remote & Flexible)

Tired of the 9-to-5 grind? Your HTML, CSS, and JavaScript skills can now unlock a lucrative side hustle with Outlier AI. You'll review AI-generated code, write prompts, and evaluate UI/UX designs, basically helping train the next generation of coding AI. No AI experience needed, just your existing frontend skills!

The best part? Weekly payouts, fully remote work, and you set your own schedule (most devs work 5-10 hours/week). While other developers worry about AI replacing them, you'll be the one training it, and getting paid well to do it. Featured in Forbes and trusted by innovative companies worldwide.

Start earning with your frontend skills →

📚 Learning

Dataviz accessibility principles, demonstrated by the 2024 presidential election dashboards

This curious piece dives deep into the accessibility of major news sites’ election maps and charts, testing everything from zoomability and keyboard navigation to screen reader support and proper alt text, and finds that, unfortunately, most dashboards are still riddled with issues that leave out users with disabilities. You’ll see real examples of common mistakes like sticky headers blocking content when zoomed, color-only cues that fail for colorblind users, tooltips inaccessible to keyboard and screen reader users, and navigational quirks that make extracting insights much harder if you don’t use a mouse. There’s also a balanced take on why these problems persist, not just individual developer slip-ups, but larger systemic and organizational hurdles, as well as practical advice and resources for anyone who wants to improve. I

Easier layout with margin-trim

The author introduces a new CSS property called margin-trim, which lets you easily remove any unwanted margins that touch the edge of a container, no matter how deeply nested the content is. The article breaks down common layout headaches (like combining padding and margins and ending up with weird extra space), shows how margin-trim makes everything cleaner and more predictable, and even walks through some practical code examples and browser support tips. You’ll come away knowing when to use margin-trim, how it compares to older hacks with :first-child and :last-child, and how to write fallbacks for browsers that don’t support it yet. I

Securing a Form on the Internet: Still Pretty Difficult

The author does a great job of breaking down why something as simple as putting a “contact us” form on your website can end up being way more complicated than you’d think. It walks through all the things you have to worry about, security, spam, bots, hosting, data storage, and more, and makes a strong case for why it’s usually better to just pay for a form provider instead of trying to build your own (unless you really want to deal with all the headaches).

💅 Showcase

Clerk

Clerk is the all-in-one authentication solution designed for web developers who demand modern security, seamless integrations, and an effortless developer experience. With robust SDKs for popular frameworks, fast passcode delivery, and easy multi-tenancy management, Clerk keeps your projects secure and scalable while fitting right into your existing stack. 🎁 Resource

Oxbow UI

Oxbow UI is a massive library, think 400+ clean, responsive, actually good-looking components and UI blocks, all built with Tailwind CSS. I love that you can just copy-paste what you need (landing page layouts, buttons, navs, ecommerce bits, you get the idea), tweak a brand color, and move on with your life, no weird hacks, no subscriptions, and no fighting with stubborn styles. Plus, they promise everything works well on any device, so you don’t have to stress about breakpoints. It’s a one-time payment for forever access, which honestly makes it a solid investment if you want to ship polished stuff without wasting days on boilerplate.

👌 Cool Stuff

Tailscan – Instantly build, debug, and refine Tailwind CSS sites visually with real-time updates, all within your browser.

Polygonjs – A visual node-based editor to build complex 3D web experiences with no coding required.

OctAPI – Effortlessly explore, manage, and favorite your API routes with smart detection and instant navigation in VS Code.

LocalSend – Free, open-source app to securely send files to nearby devices across all major platforms.

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