| Sep 25 |
If you need truly dynamic styles with Tailwind, the pattern I always reach for is setting a CSS variable dynamically as an inline style, and referencing that CSS variable with a static class.
This is easy for Tailwind to statically analyze, and produces less CSS too. https://t.co/H6B0VFiIwi
|
1.3k |
72 |
45 |
95.2k |
292 |
. |
| 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 |
✨ Added a brand new Bento Grids category to Tailwind UI today! https://t.co/ao5RGRwn33
|
1.1k |
36 |
25 |
61.4k |
86 |
. |
| Sep 24 |
✨ Lots of goodies in the latest Tailwind CSS v4 alpha! https://t.co/DAvlvdeklQ
|
537 |
31 |
9 |
35.4k |
78 |
. |
| 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 22 |
Fun fact — Tailwind does over 10 million installs every week now 💃
|
1.1k |
32 |
33 |
82.3k |
66 |
. |
| Sep 22 |
Looking back, leaving my full-time job and trying to do my own thing just because I made $60k on a book launch feels sort of crazy.
But if I hadn’t done it there’d probably be no Tailwind CSS and my life would be completely different.
Take risks 💪🏻
https://t.co/hy7MVxejWv
|
947 |
40 |
29 |
80.3k |
275 |
. |
| Sep 22 |
Wonder how easily we could build something like this that auto-generates and inserts a <style> tag with the keyframes and returns a unique generated animation name…
Would be much nicer than defining global keyframes. https://t.co/9LAAtcDZRn
|
189 |
5 |
10 |
37.4k |
247 |
. |
| Sep 22 |
I’d use CSS animations over JS animations a lot more if there was a way to do it without creating annoying global naming collision-prone keyframe identifiers 😕
Give me keyframes in an inline style that only even exist for that element.
|
396 |
13 |
27 |
60.1k |
236 |
. |
| 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 21 |
Do we have consensus these days on the best way to avoid sticky hover states on mobile without JS?
Do we like `hover: hover`, `any-hover: hover`, `pointer: fine`, or some combination? All have downsides, who has the best argument for picking one anyways? https://t.co/uSQUnHH7PU
|
83 |
8 |
6 |
40.6k |
279 |
. |
| Sep 20 |
Naming the Tailwind variant for this media feature is impossible 🫠
`hover-hover:hover:bg-black` https://t.co/iud5dQkRpH
|
467 |
9 |
44 |
88.4k |
120 |
. |
| 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 |
Working on `pointer: fine` and `pointer: coarse` variants for v4…
Will I regret getting cute with the names `pointer` and `touch`? 🤔 https://t.co/M9RMdVMP7L
|
173 |
8 |
38 |
48.2k |
157 |
. |
| Sep 19 |
📝 PR is up!
https://t.co/vkux7Qcw5u
|
24 |
0 |
1 |
6.7k |
36 |
. |
| Sep 19 |
✨ Working on conic and radial gradient support for Tailwind CSS v4 this afternoon… https://t.co/CE738MlHZ2
|
490 |
16 |
15 |
36.7k |
106 |
. |
| 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 |
So @PhilippSpiess replaced `postcss-import` with his own hand-rolled CSS `@import` resolver and now Tailwind CSS v4 is another ~3.5x faster for a typical project 🥹 https://t.co/a0BZT3IOQd
|
520 |
16 |
7 |
36.1k |
188 |
. |
| 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 19 |
Alternatively I'll happily pay anyone who can figure out how to make all of our GitHub Actions run like 10x faster with whatever voodoo is required.
Example run in the reply 👇🏻
|
61 |
3 |
21 |
36.4k |
177 |
. |
| Sep 19 |
Anyone running Windows CI stuff through something other than GitHub Actions for better performance? If so what service are you using?
Slow CI stuff is grinding my soul into dust lately — so over waiting like 10 minutes for CI to run to merge a PR.
|
28 |
1 |
22 |
50.5k |
249 |
. |
| Sep 18 |
✨ Small improvement for Tailwind CSS v4 —
If you set a custom shadow color, we'll preserve it when you change the shadow size instead of resetting it back to black 🤝🏻 https://t.co/2zJUbIsWtl
|
790 |
23 |
12 |
40.8k |
191 |
. |
| 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 16 |
In Tailwind, every font size utility includes a sensible default line-height for that size.
But this means that even if you explicitly set `leading-tight`, a class like `lg:text-2xl` will override that line-height at `lg` screens.
I can "fix" this — would it be better? https://t.co/Wzkr3w1932
|
368 |
14 |
70 |
58k |
295 |
. |
| 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 15 |
Anyone ever hosted a Laravel app as a path within a Next.js app?
https://t.co/Jfb8bhlsk9 ← Next.js
https://t.co/OkwZ94NIio ← Laravel
Have ideas that would work but want to make sure I'm not missing a better approach!
|
180 |
6 |
49 |
77.6k |
219 |
. |
| 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 14 |
If React had no state, effects, or event handling and was purely static, it would still be my favorite templating language of all time.
|
1.1k |
27 |
84 |
182.5k |
135 |
. |
| 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 |
✨ Just released a new Tailwind CSS + Next.js template for Tailwind UI!
Radiant is an awesome SaaS marketing site template, loaded with fun design details. https://t.co/uL4kKKH2TC
|
1.9k |
76 |
58 |
210.4k |
179 |
. |
| Sep 12 |
Gonna be a good night tonight 🤘🏻 https://t.co/dfksyZuZqv
|
25 |
0 |
2 |
8.5k |
56 |
. |
| Sep 11 |
What would you expect the start and end columns to end up being at the `lg` breakpoint? https://t.co/K0M6IOq68b
|
59 |
2 |
24 |
28.4k |
111 |
. |
| 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 10 |
📺 My Laracon talk "Designing a Component Library" is up on YouTube!
It's a deep-dive into how I think about building and styling reusable components, and how using CSS instead of JS can actually make things more flexible.
https://t.co/3u6DjBsQpX
|
283 |
31 |
12 |
44.2k |
247 |
. |
| 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 06 |
Three of my favorite books on how to build great products that I don’t see mentioned very often in my circles — https://t.co/ivwGSAmCSZ
|
1.3k |
58 |
52 |
115.1k |
135 |
. |
| 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 05 |
Who's got the most compelling opinion on when to use dependencies vs devDependencies in bundled web apps these days?
Feels like it just doesn't matter, what do you do and why?
|
209 |
7 |
59 |
54.4k |
176 |
. |
| Sep 05 |
I have *so* much admiration for Taylor and what he’s accomplished — I owe basically my entire career to him and the community he’s built.
Really excited for this next chapter 🥳
|
626 |
9 |
2 |
59.2k |
177 |
. |
| Sep 05 |
Still Tailwind though 💅🏻
|
1k |
15 |
12 |
87.5k |
24 |
. |
| 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 |
. |
| Sep 02 |
Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣 https://t.co/3ctK6dtPm4
|
826 |
86 |
38 |
90.2k |
117 |
. |
| Sep 01 |
https://t.co/XTpM0Zj5Sy
|
8 |
0 |
1 |
9.9k |
23 |
. |
| Sep 01 |
Was about to go to bed then remembered the new Nails album is out. Thankfully it's only 17 minutes long so I won't be up too late 😇
https://t.co/rih61eeki8
|
25 |
0 |
6 |
12.2k |
156 |
. |
| Aug 31 |
Should have a new Tailwind CSS v4 alpha ready this week that includes most of the important backwards compatibility stuff needed to play with it in your v3 projects, including JS config file and plugin support 🤞
|
625 |
30 |
19 |
49.9k |
211 |
. |
| Aug 28 |
I’m up next at Laracon! Can catch my talk on the live stream if you couldn’t make it in person 🤙🏻
https://t.co/DctZZxEMLn
|
121 |
9 |
13 |
24k |
122 |
. |
| Aug 25 |
🛫 En route to DFW for #Laracon 🤘🏻
|
83 |
0 |
3 |
15k |
33 |
. |
| Aug 24 |
RT @adamwathan: The product that funds our entire company runs on one $84/mo DigitalOcean droplet and we're way over-provisioned. https://t…
|
0 |
107 |
0 |
0 |
140 |
. |
| Aug 24 |
Found it, had to *leave* "Design" mode... https://t.co/QETKrqL0zu
|
33 |
0 |
2 |
11.5k |
65 |
. |
| Aug 24 |
I must be going crazy — where the hell is the border radius control in this new Figma UI? 🤔 https://t.co/blm9nqOSVB
|
123 |
0 |
18 |
42.4k |
115 |
. |
| Aug 24 |
Really impressed with Figma Slides so far 🤙🏻 Was hacking away re-implementing Figma designs in Keynote then remembered this existed 😄
https://t.co/fb0yR7R0kQ
|
41 |
0 |
2 |
10.2k |
158 |
. |
| Aug 23 |
90% of conference talk preparation is re-arranging bullet points in your note-taking software of choice for weeks until you're left with something so obvious that no one will believe it wasn't the very first thing you wrote down.
|
163 |
1 |
9 |
15.6k |
229 |
. |
| Aug 22 |
🫣 #Laracon https://t.co/plux5CP7rR
|
152 |
5 |
7 |
20.9k |
34 |
. |
| Aug 21 |
Supporting all your cursed shit…
https://t.co/vi9t9ydNzC
|
32 |
0 |
2 |
8.1k |
57 |
. |
| Aug 21 |
🪄 @jordanpittman and @PhilippSpiess are working some real magic this week driving out all the backwards compatibility stuff for Tailwind CSS v4…
Coming together fast! 🤩
|
92 |
2 |
5 |
12k |
169 |
. |
| Aug 20 |
We get $1000/mo in ad credits from Twitter every month that I've never used, but wanted to experiment with them today.
Was surprised that I can only promote tweets within Canada though, can't choose any other countries 🤔
Some setting I'm missing or something maybe? https://t.co/qiTe65zxCk
|
35 |
0 |
7 |
15.6k |
291 |
. |
| Aug 20 |
For the $1600/month we spend on Twitter, all I really want is a “clear Twitter card image cache” button.
|
376 |
0 |
26 |
71.4k |
104 |
. |
| Aug 19 |
Excited for Laracon next week — originally agreed to do just a panel/Q&A thing because wasn't sure what to speak about, but I've got a real talk cookin' now and it's gonna be a banger 🔥
|
197 |
5 |
10 |
16.6k |
189 |
. |
| Aug 19 |
RT @DanHollick: First day. https://t.co/9Lmutcde0n
|
0 |
45 |
0 |
0 |
50 |
. |
| Aug 18 |
Aug 12 – 16:
https://t.co/HrEhc1giIo
|
12 |
0 |
1 |
12.3k |
37 |
. |
| Aug 18 |
📝 Work journal, Aug 12 – Aug 16…
https://t.co/gRBBFUC1Eq https://t.co/plZ5X7sowl
|
60 |
2 |
3 |
24.3k |
80 |
. |
| Aug 17 |
Just got the typography plugin working with v4 🥹 Didn't think this one was even going to be possible.
|
333 |
2 |
7 |
28.1k |
101 |
. |
| Aug 16 |
Today’s yuck is people defining new utilities that have the same name as existing utilities.
In v3 if you define a custom utility called “flex” that does something else, we will generate both classes, but v4 is kind of architected to just have one.
|
70 |
0 |
8 |
17.8k |
249 |
. |
| Aug 16 |
You're all doing too much super weird shit in your custom Tailwind plugins, and making this backwards compatibility work I'm doing for v4 a total nightmare 😄
|
380 |
2 |
19 |
52.5k |
157 |
. |
| Aug 16 |
RT @ShaanVP: every. damn. time https://t.co/1VpzPoo9U2
|
0 |
152 |
0 |
0 |
54 |
. |
| Aug 14 |
This is the loudest I can turn it up in my house, and that’s only if there are no kids sleeping 😄 https://t.co/yVdChWf9Id
|
27 |
0 |
8 |
7.9k |
121 |
. |
| Aug 14 |
New toy 😬 https://t.co/p1ILDGh4i5
|
85 |
0 |
11 |
13k |
33 |
. |
| Aug 13 |
I try to make the tests in our test suite as realistic as possible, so when I needed some hex codes for a color I called "potato", I grabbed the eye dropper tool and dropped this into https://t.co/OZWe4cPhZf 🎨
Was very impressed that it happened to name the color "russet" 🥔 https://t.co/NMFQKkllJF
|
516 |
24 |
10 |
32.3k |
299 |
. |
| Aug 08 |
Haven’t deadlifted over 275 in years because of an old back injury.
Pretty happy to find out I can still throw around 405 without any trouble this morning 💪🏻 https://t.co/V8hrg2TJeV
|
427 |
2 |
42 |
59.5k |
183 |
. |
| Aug 07 |
Awesome work by @malfaitrobin on this one coming up with the best approach for detecting these situations without annoying false positives 🤝🏻
https://t.co/ha0cugVPry
|
25 |
0 |
1 |
8.8k |
166 |
. |
| Aug 07 |
We shipped Tailwind CSS v3.4.8 today which will warn you if it detects a mistake like this in your configuration 🚀
|
377 |
24 |
7 |
48.4k |
114 |
. |
| Aug 07 |
Have you ever been bitten by the fact that images are `max-width: 100%; height: auto` in Tailwind by default?
Considering removing it for v4 because you can't undo the `height: auto`, but then you'd have to add `max-w-full h-auto` to any images that you want to be responsive.
|
36 |
4 |
18 |
19.2k |
278 |
. |
| Aug 07 |
RT @k_grajeda: Excited to share the CSS Spring Easing Generator! 🎉
Design dynamic spring-based animations and copy the code straight into y…
|
0 |
51 |
0 |
0 |
140 |
. |
| Aug 07 |
New @trycampsite website is 🤩
And built with Tailwind CSS 💅🏻
https://t.co/rD1ItxSDQ8
Congrats on the launch @brian_lovin and @_ryannystrom! https://t.co/MEzcpbBvgi
|
173 |
5 |
4 |
15.2k |
172 |
. |
| Aug 06 |
10 is amateur hour, how about 23 Tailwind classes vs. 3 lines of vanilla CSS? 😆
https://t.co/mJimeLRvxJ https://t.co/uSNbwnERFS
|
715 |
36 |
45 |
119.8k |
128 |
. |
| Aug 06 |
My prediction is it will involve shadows, transforms, and font-variant-numeric.
|
57 |
0 |
4 |
10.8k |
79 |
. |
| Aug 06 |
Most people in the comments think this is impossible but I bet I could come up with 15 classes that are only 3 lines of CSS, maybe tomorrow I’ll try to produce the worst ratio possible with our current APIs 😇
|
382 |
7 |
11 |
49.6k |
208 |
. |
| Aug 05 |
RT @adamwathan: Work journal, July 29 – Aug 2…
https://t.co/dop6WVPoYV https://t.co/OYk3Eyi9PG
|
0 |
3 |
0 |
0 |
95 |
. |
| Aug 05 |
Work journal, July 29 – Aug 2…
https://t.co/dop6WVPoYV https://t.co/OYk3Eyi9PG
|
30 |
3 |
3 |
15.5k |
79 |
. |
| Aug 04 |
Now just gotta get the kids to let me play it 😅 https://t.co/fDpTjSx5E5
|
137 |
2 |
21 |
23.5k |
71 |
. |
| Aug 03 |
Solved — just lowered the entire bridge flat to the body the way they ship the Silversky models and it functions like a hardtail now 👍🏻 needed to do that anyways to get the action where I wanted it so will call it a win, no drilling needed!
|
15 |
0 |
3 |
13.7k |
240 |
. |
| Aug 03 |
About to drill some holes into the most expensive thing I’ve ever bought, wish me luck 😄
Installing a trem stopper in my PRS Custom 24! https://t.co/GTSvKF8nGI
|
95 |
0 |
15 |
27.6k |
160 |
. |
| Jul 29 |
…and here's this past week:
https://t.co/hGDJjxgUw4 https://t.co/11dOJ11jiO
|
45 |
0 |
4 |
20.1k |
76 |
. |
