| Nov 26 |
π€― thatβs it! Thatβs the business model!
|
347 |
5 |
12 |
32.4k |
39 |
. |
| Nov 26 |
PR to change it π’
https://t.co/KHNxNnEAN2
|
28 |
1 |
1 |
8.6k |
42 |
. |
| Nov 26 |
Sad discovery β interpolating in OKLCH is broken in Safari < 18 when fading to gray or transparent (notice the pink?), so I think we have to use OKLAB by default π
Will still be able to do `bg-linear-to-r/oklch` when you explicitly want it at least π https://t.co/W601gtQcqc
|
342 |
10 |
17 |
36.5k |
278 |
. |
| 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 25 |
Rebuilding the Tailwind docs with Next.js 15 and React Server Components for the v4 docs β it's such a delight to do stuff like syntax highlighting on the server instead of shipping all that stuff to the client π€© https://t.co/B8ySt2BYE9
|
932 |
27 |
22 |
61.3k |
236 |
. |
| Nov 25 |
Is there a VS Code extension for syntax highlighting tagged template literals like this? Stuff like Prettier already works on the string as if it's code when I do this, but would love syntax highlighting Β π€ https://t.co/I88L2Lq5c0
|
306 |
11 |
16 |
57.6k |
230 |
. |
| Nov 25 |
Just pushed up our Black Friday deal!
We set up a special Tailwind UI + Refactoring UI bundle where you can buy both and save $150 π°
If you've ever wondered how to support our OSS, this is how π€π»
Running from now through December 2nd ποΈ
https://t.co/EZxw41YrNu https://t.co/oWBkLBMcWR
|
384 |
28 |
17 |
57.9k |
288 |
. |
| Nov 24 |
Finally going to start building this on Monday π₯΅ Holy shit it takes a long time to do anything when projects get bigger and more mature β insane respect for large companies that get anything done at all, let alone quickly.
|
409 |
5 |
11 |
38.6k |
222 |
. |
| Nov 22 |
Did end up adding this in v4.0.0-beta.1, became convinced this morning that it sucks, removed for beta.2 which will be out in a few minutes π
One fewer breaking change at least ππ»
|
192 |
2 |
9 |
33.7k |
180 |
. |
| 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 |
In case you missed it, I did a live-stream with @samselikoff yesterday where I showed him a bunch of the cool new stuff the Tailwind CSS v4.0 beta π₯ https://t.co/mTLWp8Rjld
|
265 |
15 |
9 |
36.7k |
172 |
. |
| 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 |
Exploring Tailwind CSS v4.0 with @samselikoff π€π» https://t.co/HfUskJHset
|
278 |
20 |
5 |
26.9k |
72 |
. |
| 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 21 |
β¨ Just published Tailwind CSS v4.0-beta.1!
β‘ Up to 5x faster builds, 100x faster rebuilds
π§° Built-in imports, vendor prefixing, and more
πͺ Simplified, CSS-first configuration
π¦Ύ Modern CSS features like @βstarting-style and container queries
π¨ New wide-gamut color palette https://t.co/lqSrPOwUZc
|
3.4k |
465 |
99 |
245.4k |
296 |
. |
| 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 |
Am I ever going to be done?! π« This is a big page. https://t.co/TsckEG6NV3
|
623 |
2 |
34 |
51.7k |
74 |
. |
| 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 18 |
Lots of docs to write for the beta release tomorrow π₯΅ https://t.co/dqzEyIeRvJ
|
571 |
18 |
17 |
52.8k |
77 |
. |
| Nov 16 |
Tailwind CSS v4.0-beta by end of day Tuesday π
|
1.5k |
77 |
56 |
101.6k |
46 |
. |
| 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 |
Heads up β if all of a sudden your custom text selection colors stopped working in Chrome today (like it did on The Verge and Bloomberg π¬), enable this feature flag in your `tailwind.config.js` file or update to tailwindcss@3.4.15. https://t.co/uU5paHJS4U
|
206 |
14 |
5 |
28.3k |
255 |
. |
| Nov 14 |
Default `<input>` widths in different browsers:
Chrome: 147px
Safari: 180px
Firefox: 189px
Who picked these numbers? Why did they pick these numbers? 147px? Really?
|
970 |
29 |
43 |
97.1k |
172 |
. |
| 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 |
ππ» Do you design and build website templates with Tailwind CSS?
We're looking for a few initial partners to experiment with an official template marketplace on https://t.co/VOnSF2ao3p ποΈ
Reply with a link to your templates and we'll reach out if it looks like a good fit!
|
368 |
21 |
57 |
50.6k |
273 |
. |
| Nov 13 |
In Tailwind CSS v4 you'll be able to specify the color interpolation mode for gradients as part of the utility π
π» https://t.co/nFaUoAUxrk
|
1.1k |
31 |
18 |
58.1k |
137 |
. |
| 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 12 |
Excited to see what Matt does with Motion One going forward and proud to be one of his first sponsors β the library is magical and delightful in all of the best ways πͺ
|
372 |
5 |
2 |
29.7k |
167 |
. |
| 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 10 |
In Tailwind CSS v4.0, this is all you'll have to do for `py-1` to mean 1px instead of 4px, `py-7` to mean 7px instead of 28px, etc. ππ» https://t.co/ByEUbUXwYj
|
1.6k |
66 |
44 |
119.8k |
158 |
. |
| Nov 08 |
Related question to my other tweet β
This is what file inputs already look like in v3 right now (top)β¦
Would you rather they look like the bottom? https://t.co/MxRVSkdkdX
|
126 |
1 |
60 |
35.4k |
172 |
. |
| 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 08 |
One thing that bugs me in Tailwind CSS v3 is that form elements are completely unstyled β inputs are literally invisible by default.
I don't want to bake in opinionated styles, but I kinda wish things were at least recognizable as a starting point.
Should I try to crack this?
|
696 |
13 |
115 |
103.9k |
278 |
. |
| 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 07 |
In Tailwind, the `*` variant targets direct children.
Considering adding `**` to target all children, inspired by glob syntax π€
Can't decide if stupid or awesome⦠https://t.co/k8ZKI4tFB9
|
975 |
21 |
89 |
59.1k |
188 |
. |
| 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 |
. |
| Nov 01 |
Working on a proof-of-concept for this π«£
(I have never and will never abide by the results of any poll π€)
|
129 |
1 |
18 |
42.7k |
106 |
. |
| Oct 31 |
If you have any thoughts, here's the PR:
https://t.co/MlIh55XvXB
|
25 |
0 |
2 |
9.6k |
65 |
. |
| Oct 31 |
Considering adjusting the shadow scale in Tailwind CSS v4 so there's no `shadow` variable in between `shadow-sm` and `shadow-md` anymore π€
Never felt obvious to me that `shadow-md` would be a bigger shadow than `shadow`. https://t.co/D9F0ZZ7QqY
|
1.3k |
15 |
92 |
60.7k |
245 |
. |
| 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 24 |
I still don't want to add this feature *but if we did* what syntax do you prefer?
Only considering one-level of grouping, don't want to get crazy with nesting stuff.
Poll in reply ππ» https://t.co/MBB1XP1bL5
|
435 |
10 |
196 |
122.4k |
208 |
. |
| 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 18 |
Starting to wonder if the gaps in our spacing scale β while noble in their goal β are more annoying than they're worthβ¦
Should we just make stuff like `px-47` work in Tailwind CSS v4?
π Poll in the replyβ¦ https://t.co/cEbLD6wrkh
|
327 |
3 |
91 |
110.7k |
230 |
. |
| Oct 18 |
Want to try a walking pad under my desk β there's like 10,000 of these things on Amazon, what's the good one?
|
106 |
1 |
37 |
48.6k |
109 |
. |
| 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 |
The team has been working on this insane codemod tool for v4 π€―
I just updated our new Radiant template from v3 to v4 in a single command, and the upgrade is perfect, including migrating everything from a JS config to a CSS config.
Have to make a demo video tomorrow!
|
393 |
8 |
11 |
27.7k |
268 |
. |
| Oct 17 |
Here's the PR:
https://t.co/PvYqiioaDB
|
72 |
0 |
0 |
8.8k |
39 |
. |
| Oct 17 |
Opened a PR to interpolate gradients in Tailwind CSS v4 using OKLCH by default β much smoother π€© https://t.co/HvRKjQSVe0
|
1.5k |
61 |
39 |
91.6k |
120 |
. |
| Oct 16 |
First draft of our wide-gamut color palette for Tailwind CSS v4, courtesy of @DanHollick's mad science experiments π¨π»βπ¬ https://t.co/I89LJhkw2l
|
846 |
22 |
20 |
69.3k |
143 |
. |
| 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 13 |
Anyone love their home WiFi mesh setup? Need to cover about 5500sqft and they don't sell the satellites for my existing Orbi setup anymore so looking for something new π€
I don't like tinkering with this stuff so hoping for something plug and play ππ»
|
142 |
4 |
123 |
97k |
250 |
. |
| 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 09 |
π‘ Moved in to a new house on the weekend!
It's an absolutely beautiful property, but there's a bunch of work we're doing right away to really turn it into our dream home.
Going to document the progress in this thread for anyone who loves seeing this stuff come together π¨ https://t.co/kbVCFV5Lo9
|
2k |
17 |
117 |
294.7k |
297 |
. |
| Oct 09 |
Does Twitter like home renovation content? We (aka contractors) are doing a ton of stuff right now in this new house and it is so fun watching it all come together, will share photos if people would be into it.
|
430 |
1 |
49 |
30.6k |
210 |
. |
| Oct 08 |
Moved to the new house over the weekend β still a total disaster but itβs enough to get back to stuffing classes into HTML attributes π¦ https://t.co/qJmuqVfL3x
|
555 |
3 |
40 |
32.4k |
159 |
. |
| Oct 07 |
New house has 7 heating/cooling zones β anyone set up a smart thermostat system with tons of zones like this? Any recommendations or lessons learned?
|
36 |
0 |
22 |
25.9k |
149 |
. |
| Oct 05 |
Very nice work by @k_grajeda on this one!
|
52 |
2 |
2 |
20.5k |
41 |
. |
| Oct 04 |
Moving day tomorrow β most painful part is moving 1755lb of stuff whose sole reason to exist is to be heavy. https://t.co/pqr27Q4Oap
|
318 |
0 |
29 |
31.3k |
132 |
. |
| 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 04 |
Anyone living on the edge and running the Tailwind CSS v4 alpha in production already? π«£
|
244 |
7 |
43 |
76.1k |
88 |
. |
| Oct 04 |
What sites have you seen in the wild making use of wide gamut colors β colors that are too vibrant to be represented in sRGB?
Two I've seen β Oxide and Vercel: https://t.co/Jka3dgxUEA
|
172 |
5 |
13 |
47.5k |
184 |
. |
| Oct 04 |
New @poolsideai site is incredible β awesome job @almonk, @dizzyup, and co ππ»
Built with Tailwind of course π
π» https://t.co/4y15u2BVBg
|
264 |
11 |
5 |
30.6k |
135 |
. |
| Oct 02 |
What can I say except "you're welcome"? ππΊπ΄
|
657 |
10 |
11 |
46.1k |
43 |
. |
| Oct 02 |
Heavily considering setting `color-scheme: light dark` by default in Tailwind 4 π€
Whatβs the best reason to not do it?
|
231 |
3 |
21 |
48k |
119 |
. |
| Oct 01 |
π The Tailwind Labs algorithmβ¦
1οΈβ£ Design and build cool websites for Tailwind UI.
2οΈβ£ Pause any time it's annoying, improve Tailwind or Headless UI to make it easier.
3οΈβ£ Extract components from website and add to Tailwind UI.
Repeat until so bored want to quit tech.
|
479 |
10 |
11 |
28.5k |
272 |
. |
| 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 28 |
Being a very successful author has gotta be the best gig on the planet.
β’ No one to manage
β’ No customer support
β’ Nothing to maintain
β’ Many don't get recognized on the street
β’ Writing is fulfilling
The "very successful" part is very important and very hard though π
|
414 |
5 |
26 |
52.3k |
270 |
. |
| Sep 27 |
Still Tailwind, phew π₯΅π Looks killer π
π»
|
284 |
4 |
4 |
37.5k |
39 |
. |
| Sep 26 |
Eight years apart! https://t.co/40QgliuygM
|
919 |
14 |
34 |
59.4k |
42 |
. |
| 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 |
Another pattern we use a lot β instead of conditionally adding classes, conditionally set a data attribute and use the `data-*` variant to add styles.
Feels a bit more Tailwind-y and your class strings are a little less messy without the ternaries and stuff. https://t.co/1aZgmJlaIZ
|
687 |
55 |
27 |
52.1k |
283 |
. |