X Stats

Login Sign Up
@adamwathan

Adam Wathan

@adamwathan

799 Tweets
803 Following
270,444 Followers

Creator of @tailwindcss. Listener of Slayer. Austin 3:16.

Date โ†“ Tweet โค๏ธ ๐Ÿ”„ ๐Ÿ’ฌ ๐Ÿ‘ ๐Ÿ“
Dec 17 It's a light syntax theme kinda day ๐ŸŒ… https://t.co/YGGgGLoky7 197 4 20 23.7k 61 .
Dec 16 Thinking about ditching all of the arbitrary utility categories in the Tailwind docs sidebar for just alphabetized CSS properties under "API Reference" ๐Ÿค” (Also loving these simplified class tables that teach the actual naming patterns instead of just a big list ๐Ÿคฉ) https://t.co/4XWaHefVTy 295 1 27 21.8k 289 .
Dec 13 Pantry cabinetry starting to go in! https://t.co/ZUb0m3zR8d 21 0 2 10.5k 59 .
Dec 05 Some people have noticed this is a different room than the big space I'm using now! Here's a quick video of the planโ€ฆ https://t.co/x39No6skvf 21 0 2 8.6k 141 .
Dec 03 โœจ We just shipped a little version switcher for Tailwind UI so you can test things out with the v4.0 beta releases! Very few differences but nice that you can grab exactly what you need now ๐Ÿ˜Ž https://t.co/8KYSRC7qME 306 5 4 17.1k 216 .
Dec 02 @theKevinShen Pumped that the cheese grater is going to be on full display in the shot ๐Ÿง€ https://t.co/3RFESFfmn3 26 0 2 12.2k 112 .
Dec 02 Having a blast working with @theKevinShen's team โ€” they put this rough shot together on the fly in like 15 minutes while we were on a call today figuring out the layout, lighting, and camera placement in my new space. Total pros ๐Ÿ’ช๐Ÿป Can't wait to see the finished concept! https://t.co/gopoyLzVvn 41 0 5 19.5k 296 .
Dec 02 What are people doing to add hash links to headings with MDX using Turbopack? Any clever solution that is SSR friendly? https://t.co/FUn0EWOHCO 43 0 3 13.6k 144 .
Dec 02 Everything you need to know about the bundle is here ๐ŸŽ https://t.co/ox38OIgbOo 5 0 1 6.5k 79 .
Dec 02 Last day of our Black Friday/Cyber Monday thing! Grab Tailwind UI + Refactoring UI together for $150 off ๐Ÿ’ฐ Your support is what makes it possible for us to work on Tailwind CSS full-time โค๏ธ https://t.co/QDrEXD89od 47 2 4 12.1k 215 .
Nov 30 When you're looking for something in the Tailwind CSS docs, do you usually know what it's called in CSS? e.g. looking for "accent color" to change a checkbox color, or "object-fit" to make an image fill its container. 29 1 29 20k 218 .
Nov 29 Pulled the trigger on an eero Max 7 system, good BF deal ๐Ÿ‘๐Ÿป (CAD, so like $1300 USD) https://t.co/i5wy3pwsUr 37 0 9 23.5k 109 .
Nov 29 Go poke around in dev tools if you're curious! https://t.co/pkwydpN2WZ 26 0 1 8.1k 71 .
Nov 27 Tagged Tailwind CSS v4.0.0-beta.3! Mostly fixes a bunch of bugs caused by weird browser quirks that require obscure workarounds ๐Ÿ™ƒ Nothing too exciting but should work better now! https://t.co/aGAavv9AtR 251 7 5 15.6k 203 .
Nov 26 PR to change it ๐Ÿ˜ข https://t.co/KHNxNnEAN2 28 1 1 8.6k 42 .
Nov 26 Some more progress on moving our docs to Next.15 + RSCs + Shiki โ€” got our custom range highlighting stuff working ๐Ÿ”ฆ https://t.co/bylB3qkzWO 274 6 8 22.8k 139 .
Nov 26 Cursed Safari bug of the hour (can't be the day because it's the third one of the day) โ€” Semi-transparent table cell borders are doubled so they render darker, except for the last one ๐Ÿ‘ Chrome on left, Safari on right. Wish @vladyslavmoroz never pointed this out to me ๐Ÿซ  https://t.co/UKJlglHsKh 122 1 5 15k 297 .
Nov 22 @samselikoff Watch the whole thing on YouTube if you're curious! https://t.co/OOBmzm04m8 32 3 1 7.5k 89 .
Nov 22 @samselikoff Uploaded a better quality version of the recording to YouTube in case you want to catch a replay! https://t.co/OOBmzm04m8 31 4 0 8.2k 135 .
Nov 21 What's the best way to live-stream a remote screensharing/pairing session with two people on camera? 24 1 8 15.8k 100 .
Nov 21 Looking forward to the onslaught of completely obvious problems we somehow missed being heads down on this for the last 8 months ๐Ÿซ  Let us know what you find! 94 1 6 13k 157 .
Nov 21 Check out the announcement for more details and documentation to get you started ๐Ÿ’ช๐Ÿป https://t.co/LDGZaXjWVj Start building and help us bullet-proof this thing for the stable release! 169 12 4 16.4k 184 .
Nov 20 More coffee bar progress! https://t.co/3kv7atfQ8j 21 1 1 13.6k 49 .
Nov 20 Finished the first draft of the beta docs ๐Ÿฅต 39 pages if I was gonna print them. They need a round of polishing in the morning though before I feel good about tagging โ€” last delay I swear, sorry! ๐Ÿ˜ญ 290 0 9 19.4k 197 .
Nov 20 When does `color-scheme: normal` do something different than `color-scheme: light` in CSS? No "I thinkโ€ฆ" crap, demos only please ๐Ÿ™ˆ 30 1 3 16.3k 131 .
Nov 19 New stair runner put in yesterday too โ€” dog is very happy to not be slipping down the stairs, Iโ€™m very happy she will not destroy any more of the stairs than she already has ๐Ÿ˜„ https://t.co/tW1emuBL5S 8 0 0 9.2k 199 .
Nov 19 Framing started on arch for the coffee bar area weโ€™re putting in today โ˜•๏ธ https://t.co/e8uxC1M2NX 21 0 5 16.6k 97 .
Nov 19 Sorry everyone but have to tag this beta tomorrow ๐Ÿ˜ฌ underestimated how long it would take to get through these docs! If you're really eager though you can probably find my WIP docs branch and play with the latest alpha, it's the same code that'll be in the beta tomorrow ๐Ÿ˜‰ 171 3 5 15.5k 273 .
Nov 19 Still aiming to tag the beta today but not sure I'm gonna have all these docs done ๐Ÿ˜… We'll see! Might have to fly blind until tomorrow if you want to play with it. 178 2 11 22.2k 163 .
Nov 14 Chrome shipped a pretty significant (and generally useful!) change in 131 that unintentionally broke some stuff with CSS variables in `::selection` โ€” more info here: https://t.co/a0qgt48RCj 55 6 1 13.9k 190 .
Nov 14 Show me a website that doesn't use `appearance: none` on <select> elements and I'll show you an ugly fucking website. 44 0 4 7.2k 123 .
Nov 14 I have never shipped a website that didn't use `appearance: none` on <select> elements so I could customize the arrow, adjust the padding, set the height, etc. Should we set `appearance: none` by default in Tailwind CSS v4? Does mean there would be no arrow by default. 58 2 20 17.5k 276 .
Nov 13 Still my fav site we've done for Tailwind UI, need to do more cool but practical stuff like this ๐Ÿคฉ 165 4 1 22.2k 98 .
Nov 11 Getting bit by this constantly lately โ€” easily my biggest grievance with CSS ๐Ÿ˜ข Here's where it showed up todayโ€ฆ There are other ways to structure this and make it work but it's always such a surprise when it's broken. https://t.co/C2JX3Ck45e 41 0 4 23.7k 242 .
Nov 10 To be clear no defaults are changing here! ๐Ÿ˜‹ We still ship with 0.25rem as the base for the spacing scale, and that's how we plan to keep building all of our stuff ๐Ÿ‘๐Ÿป But for the people out there who like to customize things, it's a lot nicer than this: https://t.co/6apyDU1Nnm 150 1 4 15.6k 279 .
Nov 08 Here's v3 out of the box. There's a text input there somewhere believe it or not! https://t.co/GrVY50dT80 61 0 4 12.3k 105 .
Nov 07 RT @steveschoger: Making progress on the new Tailwind CSS homepage. Really diggin' these isometric styled icons ๐Ÿค™๐Ÿป https://t.co/whAKU3jRhC 0 46 0 0 138 .
Nov 07 Also TIL `visibility: collapse` has been completely broken in Safari for almost 20 years: https://t.co/g9NvaMQicy 30 0 1 7.1k 114 .
Nov 07 Here's some stupid CSS behavior โ€” borders on table cells are still visible even when the table row has `visibility: collapse` which is supposed to effectively remove the element from the DOM. https://t.co/2CkuR7norz 138 2 13 17.6k 215 .
Nov 02 This window in the mudroom is going to become a door, where we can let the dog out to her newly fenced in area of the yard I showed a few posts back. Couple more weeks of mudding and sanding and then cabinets and flooring will start to go in! https://t.co/F2C2yFW56L 17 0 2 13.5k 267 .
Nov 02 Hereโ€™s how the pantry and mudroom/laundry room are lookingโ€ฆ There will be an exterior door and sidelight where you see that plywood section on the pantry wall. https://t.co/JlUYfsm3n8 12 0 1 11.4k 184 .
Oct 31 If you have any thoughts, here's the PR: https://t.co/MlIh55XvXB 25 0 2 9.6k 65 .
Oct 31 ๐ŸŽƒ If you want to scare a front-end developer this Halloween, whisper in their ear: "...did you test this in forced colors mode?" 123 7 6 17.7k 129 .
Oct 29 It's too easy to end up with a stacked diff that implements three separate features but there's a small piece of each feature in each diff. I'd much rather carve out the individually mergeable slices and review each one as a whole, merging each one directly to main. 23 0 2 8.7k 266 .
Oct 29 We've been experimenting with stacked diffs and I don't think I like them ๐Ÿ˜ฌ Feel like they sort of give you permission to make big broad hard-to-review changes by tricking you into thinking they are small because you've chained a bunch of dependent PRs. 63 1 2 15k 253 .
Oct 25 Trying out this automated Tailwind CSS v4 upgrade tool we've been working on! https://t.co/QHZi53knyI 176 7 9 22.6k 101 .
Oct 25 Going to live stream a demo of this Tailwind CSS v4 automated code mod stuff we've been working on here in a second! 85 0 2 14.5k 116 .
Oct 24 ๐ŸŒด Anyone work in Miami and host meetups at your office? Doing our team retreat there in January and would love to throw a Tailwind meetup while we're in town if we can find someone to host! 39 2 7 17.9k 191 .
Oct 24 Pick something. 27 0 25 15.8k 15 .
Oct 22 Tailwind CSS v4 alpha in production at a major tech company โ€” super cool to see ๐Ÿคฉ 180 3 4 23.8k 81 .
Oct 21 ๐Ÿฅฐ https://t.co/2VJ1884XJc 24 1 1 15.9k 26 .
Oct 21 Weird Chrome bug โ€”ย `color-mix` makes things green if you use `none` in OKLCH colors instead of `0`! https://t.co/Kk6beDAcvN 41 1 5 12.1k 123 .
Oct 18 Should we fill in the gaps in our spacing scale? 44 1 14 15.6k 48 .
Oct 17 Tagged v4.0.0-alpha.28 this afternoon which includes this updated palette โ€” try it out and let me know how itโ€™s looking for you! 141 7 4 20.4k 128 .
Oct 17 Here's the PR: https://t.co/PvYqiioaDB 72 0 0 8.8k 39 .
Oct 15 Still a mess but got the drum kit set up at least ๐Ÿฅ https://t.co/0eWbHTxpp7 62 0 9 14.1k 75 .
Oct 12 Going to take me forever to really get this all cleaned up but the garage gym is gonna be sick when itโ€™s done. A garage with windows! One of my favorite upgrades over the old place ๐ŸŒ… https://t.co/cA8UzCce4V 40 0 4 19.2k 206 .
Oct 09 Started 6 days ago, whole space is gutted now and the old door is being framed into a wall with the new doorway framed in on the side. Shower has been framed in too but not in these pics. Plumbing rough-ins for everything going in today! https://t.co/xVP4yl1MES 30 0 2 19.9k 262 .
Oct 09 We're doing that whole space โ€” here's what the final layout is going to look like with some early renderings: https://t.co/hYXO2egJtn 44 0 13 21.3k 133 .
Oct 05 Very nice work by @k_grajeda on this one! 52 2 2 20.5k 41 .
Oct 04 Favorite thing about Tailwind CSS v4 is being able to poke around in dev tools and see all of the customizations people are doingโ€ฆ Tailwind CSS v3 sites look prehistoric in dev tools to me now without all this cool info. https://t.co/MxWzADVCAy 158 5 1 18.7k 245 .
Oct 01 False alarm, Tailwind sucks. Fixing :) 35 0 3 7.6k 38 .
Oct 01 Why does the `meta` tag take precedence over the `color-scheme: dark` CSS property here? Oddly the CSS one wins if I set it on `:root`, but not on another element. https://t.co/cUNSzFmuJN https://t.co/3s5vYO2iGI 46 0 3 14.2k 212 .
Oct 01 Is there a way to check for container style queries support with `@โ€‹supports`? ๐Ÿค” /cc @argyleink @Una @bramus 6 1 3 11.8k 109 .
Oct 01 RT @DanHollick: Having a blast working on a tool to create wide gamut color palettes for @tailwindcss v4. https://t.co/HER3yIIkvd 0 10 0 0 129 .
Oct 01 The `light-dark()` function in CSS would be so much better if it could accept all types, not just colors. display: light-dark(block, hidden); filter: light-dark(none, backdrop-blur(4px)); Maybe one day ๐Ÿคž๐Ÿป 143 0 4 16.4k 206 .
Sep 29 Anyone outside of Europe using Stripe (no MoR) and collecting and remitting VAT yourself for European customers? Have you figured out how to do it with very little effort? Any companies you offload some of the grunt work to? 50 1 11 24.9k 225 .
Sep 26 Thinking about maybe doing an event in Miami early in the new year ๐Ÿค” Like 300-400 people, one day mini conference type thing. Do I know anyone in the area who can recommend some event spaces or someone to talk to who could help organize something? 135 0 25 22.7k 249 .
Sep 25 Commits you would be surprised to see at a company that is just building a goddamn CSS framework ๐Ÿ˜… /cc @PhilippSpiess https://t.co/SjaVgTgfPx 95 3 2 13.9k 142 .
Sep 24 Check out the live demos here: https://t.co/2Df1vqrW3Q 35 2 0 9.2k 55 .
Sep 24 RT @shrutibalasa: Love seeing micro seconds build time for Tailwind CSS v4 ๐Ÿ˜Š https://t.co/mlj0E1IsWq 0 8 0 0 100 .
Sep 23 Don't hate this honestly ๐Ÿคท๐Ÿปโ€โ™‚๏ธ If it means "You're blocked" trophy screenshot goes away I think people will actually block people they should be blocking more often. 50 0 6 22.5k 165 .
Sep 22 You think avocado toast is financially irresponsible? Try baby just throwing huge chunks of avocado on the floor like she kinda just does with everything. I think with young kids maybe 50% of the food you buy just goes in the trash ๐Ÿ’ธ https://t.co/jeTDGwJ8TK 112 0 22 21.1k 258 .
Sep 22 With the new `<style>` stuff in React Canary I bet it would actually be pretty trivial to make this work ๐Ÿค” https://t.co/5o844uWNiX 21 0 1 9.9k 136 .
Sep 21 Related โ€” has anyone ever tested the evaluated values of all of these media queries across like 50 different device combinations and published the results? Like: โ€ข iPad โ€ข iPad w/trackpad connected โ€ข Surface Book โ€ข iPhone โ€ข iPhone w/mouse connected Maybe @devongovett? ๐Ÿ˜„ 35 0 5 20.9k 272 .
Sep 21 Another option (I think?) could be: @โ€‹media not (any-hover: none) โ€ฆwhich should ensure that every pointing device that's connected *does* support hover, but now you won't get hover states on a laptop that has a touchscreen. Feel like these CSS features are almost useless. 11 0 4 8.3k 275 .
Sep 20 ๐Ÿ™‹๐Ÿป Who's coming to Toronto for Rails World next week? 74 1 28 21k 53 .
Sep 20 How would you prefer we name these variants? 14 0 4 7.4k 44 .
Sep 20 ๐Ÿ“Š Let's do an actual poll out of curiousityโ€ฆ (Will be in the reply!) 26 1 1 15.5k 69 .
Sep 19 ๐Ÿ“ PR is up! https://t.co/vkux7Qcw5u 24 0 1 6.7k 36 .
Sep 19 RT @JohnONolan: Going on @hackersincpod tomorrow with @adamwathan to talk shit about Tailwind, Ghost, and Open Source business. What do yโ€ฆ 0 2 0 5 140 .
Sep 19 14m39s of extra waiting just because I pushed another commit with a changelog update ๐Ÿซ  https://t.co/ggAqesefzU 15 1 9 7.7k 111 .
Sep 16 Here's the PR, just debating whether this change would be universally more intuitive or if I'd just start to get complaints from everyone who is happy with how it works now instead: https://t.co/DXHCQYjUsN 36 2 11 9.6k 206 .
Sep 15 This looks like the absolute easiest approach โ€” just configure a rewrite directly in Next.js and point it at an otherwise undiscoverable URL, then set up the proper `<link rel="canonical">` stuff to be safe. https://t.co/aoaaiWEgqN 33 1 3 19.6k 238 .
Sep 14 RT @ste_bau: I saw Tailwind UI's recent Radiant saas template, and I loved it so much, that I did something a little drastic on Spamwise --โ€ฆ 0 3 0 0 140 .
Sep 13 Anyone have an extra Rails World ticket by any chance? Looking for a friend! 16 2 19 16.1k 76 .
Sep 12 https://t.co/d53V4SZUlh 21 1 19 15.6k 23 .
Sep 12 (I encourage you to read the copy on the entire site start to finish โ€” some top-tier work by @DanHollick on this one ๐Ÿ˜…) https://t.co/XpXuwfjYZd 45 0 2 12.6k 143 .
Sep 12 Like all of our templates, it's a free update if you've got a Tailwind UI All-Access license ๐Ÿฅณ Check out the live preview if you want to poke around: https://t.co/IyOLvn9x7u 56 0 5 14.9k 175 .
Sep 12 Gonna be a good night tonight ๐Ÿค˜๐Ÿป https://t.co/dfksyZuZqv 25 0 2 8.5k 56 .
Sep 11 RT @mackenziechild: I thought I knew css until I watched this talk by @adamwathan - I learned so much ๐Ÿ˜ฎ ๐Ÿคฉ https://t.co/CFLOJVLXyO 0 3 0 0 130 .
Sep 10 Here's a quick demo: https://t.co/OQzyWFIyUJ 13 1 2 8k 45 .
Sep 10 I may be crazy but I'm pretty sure we just discovered that if an element has: - One corner with a different border radius - `overflow: hidden` โ€ฆthat `mask-image` stops working on children, but only in Chrome ๐Ÿซ  163 3 8 22.8k 211 .
Sep 06 RT @steveschoger: Having a ton of fun illustrating on these thumbnails for the Tailwind CSS website refresh we're working on ๐Ÿ’…๐Ÿป https://t.cโ€ฆ 0 3 0 0 140 .
Sep 05 Live upgrading some projects to the new Tailwind CSS v4 alpha https://t.co/5aQ1kcRZGx 82 3 6 13.1k 85 .
Sep 05 ๐Ÿ“น Going to live stream in 15-20! Will be upgrading a few projects from Tailwind CSS v3 to the latest v4 alpha and answering questions on the migration process ๐Ÿค™๐Ÿป Going to try streaming it on here directly as well as to YouTube ๐Ÿคž๐Ÿป 55 1 3 12.3k 231 .
Sep 05 It's especially a tricky decision with Tailwind โ€” it's not used at run-time but it is necessary to produce the build, so it's not like eslint or somethingโ€ฆ 43 0 8 9.7k 155 .
Sep 04 Another one for the listโ€ฆ https://t.co/ydDLPVoB8H 174 0 8 19.8k 49 .
Sep 03 RT @adamwathan: Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha ๐Ÿซฃ https://t.co/3ctK6dtPm4 0 86 0 0 133 .
Sep 02 One thing I didn't mention in the video โ€” because plugins can be registered in CSS in v4, you can tuck the registration behind a CSS file that you just import. I expect most plugins in v4 to ship CSS files with an `@โ€‹plugin` hidden inside, so your CSS will look super vanilla: https://t.co/F0NY2ThlIS 57 2 4 11.2k 301 .
Showing 301-400 of 430 tweets