iiinova — where your digital self keeps evolving

Adam Wathan @adamwathan.com · 04/07/2025

And on top of all that you just get to feel good about supporting a project that's hopefully making your front-end development projects a ton more fun ❤️

150

Adam Wathan @adamwathan.com · 04/07/2025

💬 I think honestly the best part though is going to be the Discord community — it's already such a better vibe than a giant public server that requires tons of moderation and is full of low quality messages.

120

Adam Wathan @adamwathan.com · 04/07/2025

🔍 You get access to this Raycast extension we built for ourselves, which is super handy for getting the CSS for a specific class, checking the specificity of a class, finding the nearest Tailwind color for a hex code, or looking up the nearest sizing utility for a pixel value.

220

Adam Wathan @adamwathan.com · 04/07/2025

🎨 We put together four custom Tailwind-inspired VS Code themes, based on the syntax themes we designed for the Tailwind website. Been using our "Dark (Enhanced)" one for years and could never switch to anything else at this point.

110

Adam Wathan @adamwathan.com · 04/07/2025

🤖 You get access to my ever-evolving custom Cursor/Claude/AGENTS.md rules for getting LLMs to follow Tailwind best practices, use the latest APIs, and generally just produce better code.

100

Adam Wathan @adamwathan.com · 04/07/2025

Finally launched a sponsorship program for Tailwind CSS, with a bunch of cool perks ✨ 💬 Private Discord community 🤖 Cursor/Claude rules 🎨 Beautiful VS Code themes 🔍 Raycast extension 📚 Early documentation 🫣 Behind-the-scenes source code + Figma files We're calling it Tailwind Insiders 🚀

4786

Adam Wathan @adamwathan.com · 04/04/2025

/cc @nicolesullivan.bsky.social looks like a regression here! Will get a WebKit issue filed too 👍

130

Adam Wathan @adamwathan.com · 04/04/2025

Yep good catch, this looks like a regression in how outline handles high border radius values. Going to hound Safari team to fix.

150

Adam Wathan @adamwathan.com · 21/03/2025

What version of Safari? Looks right here on 17.5:

310

Adam Wathan @adamwathan.com · 08/01/2025

We're hosting a local Tailwind Connect meetup — in Miami! 🌴 Come hang out for a night of demos + Q&A with the Tailwind team and connect with other community members over pizza and drinks. 📍 Mindspace Wynwood, Miami FL 🗓️ Jan 21 @ 6pm RSVP to grab your spot: lu.ma/foeqxyz7

1365

Adam Wathan @adamwathan.com · 06/01/2025

Hey! My honest recommendation is just to create a `safelist.txt` file with all the classes you need and make sure it gets picked up and scanned. We may add something like `@source inline("bg-red-500 flex-col")` though. Not sure we'll bring back regex safelisting, major antipattern IMO.

000

Adam Wathan @adamwathan.com · 16/12/2024

Something I've wanted to play with more for sure, especially since you could still use the `dark:*` stuff for explicit overrides when the automatic stuff isn't quite right.

020

Adam Wathan @adamwathan.com · 12/12/2024

Images can’t have pseudo elements so would still need a wrapper.

110

Adam Wathan @adamwathan.com · 12/12/2024

Why would you ever need to focus an img element? Focus would be on a button or link that wraps it if it’s meant to be clickable.

100

Adam Wathan @adamwathan.com · 12/12/2024

Doesn’t work, image will be in front of the shadow.

000

Adam Wathan @adamwathan.com · 11/12/2024

Try it on an image, doesn’t work.

000

Adam Wathan @adamwathan.com · 11/12/2024

You know that annoying absolute positioning trick to add an inset ring around images to help them stand out? Way, way easier these days now that `outline` follows border radius 👌🏻

51253

Adam Wathan @adamwathan.com · 10/12/2024

Tailwind CSS just cracked 1 billion total downloads 💪🏻 Wild.

3034811

Adam Wathan @adamwathan.com · 10/12/2024

So far I don’t even feel like I have to do that here which is great — my mute list on Twitter is like 1000 entries 🫠

1140

Adam Wathan @adamwathan.com · 10/12/2024

The second one of you tweets about Jay-Z raping the guy who killed that CEO when he was 13 before launching a crypto scam with that Hawk Tuah chick I'm going back though.

3820

Adam Wathan @adamwathan.com · 10/12/2024

Swapping my Twitter bookmark for Bluesky for a bit to see how it goes — starting to really appreciate the ability to completely avoid all algo stuff. Just don't want to see anything even close to news at all, and I like that that's easy here.

213665

Adam Wathan @adamwathan.com · 10/12/2024

Right now still need to use the JS APIs for that but hoping to add a CSS-based syntax for 4.1. Was a rabbit hole so had to cut it from 4.0 to stay on schedule.

001

Adam Wathan @adamwathan.com · 05/12/2024

If you were following my reno thread on Twitter you might notice this is a different room than where I have my current office — here's the plan: x.com/adamwathan/s... Bluesky doesn't support videos longer than 60s so can't upload directly!

x.com

020

Adam Wathan @adamwathan.com · 05/12/2024

Having a blast working with the dreamstudio.co team on my new office/studio — they put this rough shot together on the fly in like 15 minutes while we were on a call figuring out the layout, lighting, and camera placement in my new space. Total pros 💪🏻 Can't wait to see the finished concept!

5350

Adam Wathan @adamwathan.com · 30/11/2024

Little Tailwind tip — instead of trying merge classes and manage conflicts with `!important`, style things based on data or ARIA attributes and just handle everything declaratively with CSS:

917412

Adam Wathan @adamwathan.com · 29/11/2024

Did you try running our migration tool against it? Should update it smoothly if we've done our job right! 🤞🏻

110

Adam Wathan @adamwathan.com · 29/11/2024

Migrated the actual Tailwind UI website to the v4.0 beta this morning 💅🏻 (There's a Black Friday deal there too btw 👀)

51033

Adam Wathan @adamwathan.com · 28/11/2024

Yeah doesn't do anything special, just semantically very appropriate for my use case which is satisfying 👍

170

Adam Wathan @adamwathan.com · 28/11/2024

Some people would just use a <span> but I must go dig for hidden treasure in the HTML spec 🏴‍☠️

4321

Adam Wathan @adamwathan.com · 28/11/2024

TIL about the `<var>` element: developer.mozilla.org/en-US/docs/W...

3793

Adam Wathan @adamwathan.com · 28/11/2024

Breaking links all over the internet 😢 Including on the home page of my personal website!

3120

Adam Wathan @adamwathan.com · 27/11/2024

In Tailwind CSS v4 a lot of utilities just let you put in any value you want now, like `col-start-71`, `z-43`, etc. so it's kind of weird to show a specific list of values in the API reference on the docs pages. If I did something like this instead, is it clear enough?

301220

Adam Wathan @adamwathan.com · 27/11/2024

ICYMI — Tailwind CSS v4.0 is now in beta ✨ tailwindcss.com/blog/tailwin... ⚡ Up to 5x faster builds, 100x faster rebuilds 🧰 Built-in imports, prefixing, and more 🪄 Simplified, CSS-first configuration 🦾 Modern CSS features like @starting-style and container queries 🎨 New wide-gamut color palette

tailwindcss.com

Tailwind CSS v4.0 Beta 1 - Tailwind CSS

After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.

1833143

Adam Wathan @adamwathan.com · 27/11/2024

Let's give this a shot 🙂 The biggest thing that has held me back until now is being mislabeled as one of the people leaving Twitter out of protest, but if this is where people are hanging out, I'll hang too 🤙🏻

392374