@Shopify design-engineer; prior @GoogleChrome, @GoogleCloud, CSSWG, and CSS Podcast. Host on @whiskeywebfm, maker of @OpenProps, gradient.style and more
Seattle
- Tweets 21,438
- Following 1,521
- Followers 58,624
- Likes 39,221
Adam Argyle retweeted
If you ask your mom "is the sky blue" she says "yes" immediately, that's jev.
If you ask your dad "why is the sky blue" he talks for ten minutes, that's an LLM.
47
119
1,738
53,300
Adam Argyle retweeted
Will AI Kill Us All? Jev Says: 87% nitter.net/i/broadcasts/1lJQRWYpB…
1
4
11
1,820
Jev is very exciting
I think we're looking at a next-gen programming model
nerdy.dev/jev
5
6
135
12,784
Look who! @chuckcarpenter is back for an episode!
Catch up, hear what's new, and check in on how his job is going in this episode of @whiskeywebfm
nerdy.dev/www-ep253-experts-…
1
4
2,007
Taught my 8 and 10 year old kids the 12 Disney animation principles today
watching their eyes light up at how cartoons and drawings come to life made happy, and made me super sad. If I hadn’t shown them, they’d never learn this shit at school until maybe after high school.
But made me proud cuz my little punk asses know it way before college.
3
2
102
5,351
Adam Argyle retweeted
Shopify is moving its mobile apps from React Native back to native. Here’s why:
shopify.engineering/back-to-…
13
25
262
27,630
Adam Argyle retweeted
update: now you can use css progress() for adaptive radius, shadow, etc. ↓
same trick, but progress() does the division + clamps for you! 🧑🍳
.card__surface {
--r: 42px; --g: 24px;
border-radius: calc(
progress((100vi - 100cqi) / 2, 0px, var(--g)) * var(--r)
);
}
a little css trick i like ↓
adapt the radius gradually based on available space
shrink from --r to 0 within --g 🧑🍳
.card__surface {
--r: 42px;
--g: 24px;
border-radius: clamp(
0px,
(100vi - 100cqi) / 2 *
var(--r) / var(--g),
var(--r)
);
}
17
54
887
50,771
Shopify moving to StyleX is a wash in almost every metric.
Wash = not enough gained in one vertical to offset the loss in another
While it is more deterministic, our agents arent struggling with our CSS Modules. Over 10% of our CSS can't exist in StyleX too, and we'd lose our design system strategy that helps keep specific aspects private and others public.
We also have a lot of adaptive CSS props and props that use dry switching to enable robust and terse adaptive props that StyleX can't express.
We also have a design system in web components that could technically adopt it, but practically it's not a good match.
Was a fun investigation! Same with investigating moving entirely to an OOCSS strategy last year, was fun but we've got enough modern CSS, tight strategies and gzip is amazing;
the juice isn't worth the squeeze.
17
8
359
31,330
checkout a starter I wrote on how to use Open Props variables with StyleX (get the best of these 2 worlds)
nerdy.dev/using-open-props-w…
2
1
22
3,586
Adam Argyle retweeted
✨ StyleX + Next + Open Props ✨
a gettin started guide
nerdy.dev/using-open-props-w…
ALT blog title and an image with all 3 logos together
6
14
146
19,091
Adam Argyle retweeted
Your AI Agents Don't Need You Anymore nitter.net/i/broadcasts/1NGarrLPW…
1
1
6
1,414
Tiny little stateful viewports broadcasting, lol I love it 🤘💀
A responsive CSS grid, some Scroll-Driven Animations, and a touch of magic. The perfect recipe for a cool CSS-only hover effect! 🤩
css-tip.com/hover-proximity/
One fancy demo (among many) we can create using modern CSS.
2
20
4,465
Guppy Pimpin In Trip Pants While Debuggin IE5
ep 251 of @whiskeywebfm
this episode tracks @RobbieWagner and I through our origins: MySpace band sites, odd jobs, music & other whatnot
nerdy.dev/www-ep251-guppy-pi…
2
2
2,159
This week we listened to an episode of @whiskeywebfm where @joelhooks, founder of @eggheadio, shared how he’s using Pi.
Joel dives into his setup, extensions and the parts of Pi’s philosophy he loves most. Link to full episode below. We highly recommend!
2
5
115
16,288