adamwathan

7 ms·

1.
by adamwathan 1y ago
We use it in Tailwind CSS v4 for pill-shaped borders: .rounded-full { border-radius: calc(1px * infinity); } ...as opposed to what everyone has done historically, which is pick some arbitrary huge value like: .rounded-full
2.
by adamwathan 1y ago
Thanks! It's a paid feature because we just spent around $250,000 developing the library. Couldn't have built it if we were just going to give it away and maintain it forever for free, our engineers are talented people and deservi
3.
by adamwathan 1y ago
We are still healthy and profitable but revenue is down about 60% from peak, and continuing to trend down (I think mostly due to AI and open-source alternatives to the things we've historically charged for.) So things are fine but we d
4.
by adamwathan 2y ago
Hey! The job postings say Eastern (UTC-5) to Central European (UTC+1) — Eastern is the American east coast. Most important thing is overlap from around 9am – 12pm Eastern, so open to other US timezones as well if someone can sustainably be
5.
by adamwathan 2y ago
Tailwind Labs ( https://tailwindcss.com/ ) | Remote (Americas/Europe) | Full-time We’re hiring a Design Engineer and Staff Software Engineer to work on Tailwind CSS, Headless UI, and related projects full-time. - Design
6.
by adamwathan 3y ago
Don't you need to use npm to install DaisyUI though? If you have to install third party plugins using node already to me the solution is to use our actual node CLI instead of the standalone one.
7.
by adamwathan 3y ago
We considered it but it felt too magical to make any CSS variable under `:root` automatically drive the existence of utility classes. Putting things under a custom at-rule like `@theme` makes that opt-in, because we know anything you put th
8.
by adamwathan 3y ago
It'll likely embed Node I'm afraid — the vast majority of Tailwind is written in JS so we'd have to rewrite all of that in Rust just for the standalone CLI, and migrating the entire project to Rust is impractical because we&#
9.
by adamwathan 3y ago
You can’t do things like hover styles, media queries, etc. with `style=`. Re: separating presentation from page structure, Tailwind is designed around the opinion that that whole idea was mostly wrong, similar to how frameworks like React b
10.
by adamwathan 4y ago
One thing worth noting is that & substitutes for `:is(...)` in spirit under the hood, which means there are some significant behavior differences between native CSS nesting and Sass. Here's one: .foo .bar { .baz & {
11.
by adamwathan 4y ago
The stylesheets for CSS Zen Garden examples are more tightly coupled to the HTML than any other CSS I've ever seen in my life. They literally have no use against any other block of HTML than that one page.
12.
by adamwathan 4y ago
I've been following Jarred's progress on this on Twitter for the last several months and the various performance benchmarks he's shared are really impressive: https://twitter.com/jarredsumner/status/
13.
by adamwathan 4y ago
We get an unbelievable amount of spam in the Tailwind CSS repo, especially in Discussions. Usually it’s people posting some Markov chain looking sentence to make it seem somewhat real, then a couple of hours later it is edited to add a link
14.
by adamwathan 4y ago
Yep, house on my street was listed for $950k a few weeks ago and sold for almost $1.4m. In my area (Kitchener/Waterloo), every house is selling for $250k-$500k above asking.
15.
by adamwathan 4y ago
This isn't true — the native 1600 nits mode only uses 1600 nits for HDR content. Regular content/OS UI/etc is still limited to much less brightness. Check out this HDR YouTube video at this timestamp to see how bright white a
16.
by adamwathan 5y ago
Semantic HTML is about using the write HTML tags for the right things, like <article>, <figure>, etc. The strings you put inside the class attribute are completely orthogonal to this — Tailwind has absolutely no influence on whe
17.
by adamwathan 5y ago
You can break it across as few or as many lines as you like, just like with CSS. .btn { display: inline-flex; justify-content: center; padding: 8px 16px; border: 1px solid transparent; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); fon
18.
by adamwathan 5y ago
It's fewer than half as many characters as writing the same thing in CSS: .btn { display: inline-flex; justify-content: center; padding: 8px 16px; border: 1px solid transparent; box-shadow: 0 1px 2px 0 rgb(0 0 0
19.
by adamwathan 5y ago
Tailwind author here! Do you have an example of a site using the new engine that is shipping a massive CSS file where most of the styles are unused on most pages? The Tailwind website is only 36.9kB of CSS and it likely includes more classe
20.
by adamwathan 5y ago
Haha correct, I was just explaining why inline styles aren't a suitable alternative to Tailwind. Tailwind can definitely do all that stuff!
21.
by adamwathan 5y ago
The biggest issue with inline styles is you can't use media queries or pseudo-classes like hover, focus, etc, which effectively means you can't build anything of substance with them. Agree that if inline styles offered all of the
22.
by adamwathan 5y ago
Creator of Tailwind here — what you're seeing here actually is a best effort attempt to be consistent and predictable. Keys in the config file generally correspond with the CSS property they refer to, and we use the singular form to ma
23.
by adamwathan 5y ago
We work this way as well and it is wonderful. We've been doing Shape Up since July 2020 and have yet to fail to ship what we shape for each 6 week cycle, and while there's sometimes a bit of a crunch in the last few days before a
24.
by adamwathan 5y ago
Creator of Tailwind here — if you don’t want to go deep into JS tooling and really just care about spitting out a CSS file, it's a lot simpler to just use our CLI tool: https://tailwindcss.com/docs/installation#us
25.
by adamwathan 5y ago
Hey thank you! 3 of 4 of my educational products actually predate Tailwind — I was a millionaire from that business before even releasing Tailwind v0.1.0. Refactoring UI came after but we had built a huge audience for that well before Tailw
26.
by adamwathan 5y ago
Just speaking from my own experience, if you execute very well on audience building and marketing you can do much better than this. I have released 2 books and 2 courses for developers and together they have done close to $4m USD in rev
27.
by adamwathan 5y ago
It's simpler than this honestly — the Tailwind CSS Twitter account is managed entirely by me (I made Tailwind), and I'm the only one who tweets from it and checks the notifications to see if there are people doing interesting work
28.
by adamwathan 5y ago
Hey! Sorry to hear about this — the core of the problem you’re facing I expect is that build tooling struggles very much with large CSS files, so no matter how fast you can generate the CSS, if it’s like 8mb because you have a rich config f
29.
by adamwathan 6y ago
This thread motivated me to add a new "kind words" category to the Tailwind CSS discussions area on GitHub — maybe other projects can do the same: https://github.com/tailwindlabs/tailwindcss/discussions&#
30.
by adamwathan 6y ago
Framework author here! Don't miss the new landing page, it is probably the part I was most excited to share :) https://tailwindcss.com/ Crazy amount of effort went into building all of these interactive examples, so pr

More ›