Adam Argyle
@nerdy.dev
#CSS ex-Google Chrome DevRel, CSSWG, co-host The CSS Podcast, host @ GUI Challenges, co-host Bad@CSS Podcast.
Creator of VisBug, open-props.style, gradient.style, transition.style & more
UI, UX, CSS, HTML, JS
https://nerdy.dev
Creator of VisBug, open-props.style, gradient.style, transition.style & more
UI, UX, CSS, HTML, JS
https://nerdy.dev
Pinned
Dithering - Part 1
Understanding how dithering works, visually.
visualrambling.space
November 8, 2025 at 7:41 AM
Reposted by Adam Argyle
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
TPAC 2025 - Hybrid meeting
Our major event of the year gathers our community for thought-provoking discussions and coordinated work.
www.w3.org
November 6, 2025 at 9:44 AM
Calling all web developers! Browsers are all meeting up next week (www.w3.org/events/tpac/...). I want your voice to be heard! Tell me your biggest problems, and tell me what you want to see from the platform. What problems are tough to solve, but could be easier?
lol, look what my CSS Bluesky feed found!
Make sure you are following Circling Seattle Sports on ALL our platforms for coverage live from Lumen Field by credentialed media members!
November 7, 2025 at 11:17 PM
lol, look what my CSS Bluesky feed found!
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
November 7, 2025 at 4:37 AM
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
give it an upvote if you agree that #CSS outline shape should continue to match the element when using corner-shape
issues.chromium.org/issues/45840...
issues.chromium.org/issues/45840...
Chromium
issues.chromium.org
November 7, 2025 at 3:28 AM
give it an upvote if you agree that #CSS outline shape should continue to match the element when using corner-shape
issues.chromium.org/issues/45840...
issues.chromium.org/issues/45840...
Reposted by Adam Argyle
“when you see a passionate weirdo, it just rubs off on you”
— @nerdy.dev
live sampling + sequencers + banjo + CSS + endless enthusiasm + unleashed creative energy
impossible to watch Adam without smiling
— @nerdy.dev
live sampling + sequencers + banjo + CSS + endless enthusiasm + unleashed creative energy
impossible to watch Adam without smiling
November 6, 2025 at 2:22 PM
“when you see a passionate weirdo, it just rubs off on you”
— @nerdy.dev
live sampling + sequencers + banjo + CSS + endless enthusiasm + unleashed creative energy
impossible to watch Adam without smiling
— @nerdy.dev
live sampling + sequencers + banjo + CSS + endless enthusiasm + unleashed creative energy
impossible to watch Adam without smiling
Maybe a better question is:
What doesnt a web element know?
What doesnt a web element know?
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
Web components know about the user, device, variables, layout and more · October 30, 2025
As Miriam Suzanne says "components know stuff," but like, how much stuff?
nerdy.dev
November 1, 2025 at 5:34 AM
Maybe a better question is:
What doesnt a web element know?
What doesnt a web element know?
Didn't plan it this way, but nothing much scarier than talking about getting a job in tech these days 😱
Check out my full convo with @nerdy.dev about his recent experience looking for a new job:
📺 www.youtube.com/watch?v=JLdh...
🎙️ zencastr.com/z/KHLM-Zlu
Check out my full convo with @nerdy.dev about his recent experience looking for a new job:
📺 www.youtube.com/watch?v=JLdh...
🎙️ zencastr.com/z/KHLM-Zlu
October 31, 2025 at 2:54 PM
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
Web components know about the user, device, variables, layout and more · October 30, 2025
As Miriam Suzanne says "components know stuff," but like, how much stuff?
nerdy.dev
October 31, 2025 at 12:31 AM
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
ep216 of @whiskey.fm
(live) All Things Open 2025
@shrutikapoor08.bsky.social shares her career journey, career tips, tricks, and trips, and a little bit of whatnot in this episode with host @robbiethewagner.dev and guest host @jason.energy
nerdy.dev/www-ep216-wi...
(live) All Things Open 2025
@shrutikapoor08.bsky.social shares her career journey, career tips, tricks, and trips, and a little bit of whatnot in this episode with host @robbiethewagner.dev and guest host @jason.energy
nerdy.dev/www-ep216-wi...
October 30, 2025 at 11:13 PM
ep216 of @whiskey.fm
(live) All Things Open 2025
@shrutikapoor08.bsky.social shares her career journey, career tips, tricks, and trips, and a little bit of whatnot in this episode with host @robbiethewagner.dev and guest host @jason.energy
nerdy.dev/www-ep216-wi...
(live) All Things Open 2025
@shrutikapoor08.bsky.social shares her career journey, career tips, tricks, and trips, and a little bit of whatnot in this episode with host @robbiethewagner.dev and guest host @jason.energy
nerdy.dev/www-ep216-wi...
Reposted by Adam Argyle
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
Ex-Masonry Display Type Keyword Poll
See https://github.com/w3c/csswg-drafts/issues/12022 for context.
This poll intentionally leaves out `masonry` as an option, see https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-34172962...
docs.google.com
October 27, 2025 at 7:53 PM
There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here
docs.google.com/forms/d/e/1F...
oh snap,
JIT MCP
Warp doesn't make me install MCP servers, it offers to install them, just in time, when it needs the tool. Great UX.
nerdy.dev/try-warp
JIT MCP
Warp doesn't make me install MCP servers, it offers to install them, just in time, when it needs the tool. Great UX.
nerdy.dev/try-warp
oh snap,
Warp has a built in code editor now
sweet.
Warp has a built in code editor now
sweet.
October 27, 2025 at 3:21 AM
oh snap,
JIT MCP
Warp doesn't make me install MCP servers, it offers to install them, just in time, when it needs the tool. Great UX.
nerdy.dev/try-warp
JIT MCP
Warp doesn't make me install MCP servers, it offers to install them, just in time, when it needs the tool. Great UX.
nerdy.dev/try-warp
Sneak peak at my upcoming @beyondtellerrand.com talk 👀
Be there or be `aspect-ratio: 1`
nerdy.dev/beyond-telle...
Be there or be `aspect-ratio: 1`
nerdy.dev/beyond-telle...
October 26, 2025 at 9:28 PM
Sneak peak at my upcoming @beyondtellerrand.com talk 👀
Be there or be `aspect-ratio: 1`
nerdy.dev/beyond-telle...
Be there or be `aspect-ratio: 1`
nerdy.dev/beyond-telle...
NEW @whiskey.fm ep215
w/ guest @nmn.bsky.social
Rust, StyleX, Swift, whiskey and whatnot
nerdy.dev/www-ep215-ru...
w/ guest @nmn.bsky.social
Rust, StyleX, Swift, whiskey and whatnot
nerdy.dev/www-ep215-ru...
WWW Ep215 Rust Is Overrated With Naman Goel · October 23, 2025
Ep #215 Rust Is Overrated w/ guest Naman Goel Robbie and I talk with Naman Goel about the origins and evolution of StyleX , how it integrates with React and other frameworks, the pros and cons of diff...
nerdy.dev
October 23, 2025 at 4:23 PM
NEW @whiskey.fm ep215
w/ guest @nmn.bsky.social
Rust, StyleX, Swift, whiskey and whatnot
nerdy.dev/www-ep215-ru...
w/ guest @nmn.bsky.social
Rust, StyleX, Swift, whiskey and whatnot
nerdy.dev/www-ep215-ru...
v3 just released 🎉
if ShadCN and Open Props had a baby…
✨ **Open Props UI** ✨
An introduction and overview of this new **copy & paste** UI Library
https://nerdy.dev/open-props-ui
Congrats Felix Bohlin! Lib looks rad 🤘🏻💀
✨ **Open Props UI** ✨
An introduction and overview of this new **copy & paste** UI Library
https://nerdy.dev/open-props-ui
Congrats Felix Bohlin! Lib looks rad 🤘🏻💀
October 22, 2025 at 4:58 PM
v3 just released 🎉
Reposted by Adam Argyle
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
October 22, 2025 at 4:48 PM
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
Reposted by Adam Argyle
In 2017 I needed to create a grid of logos for Monotype requiring separators between items. I had to use pseudo-elements & "magic numbers" for simple lines 😩
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
Styling The gap with CSS
Make your components context-aware with CSS inherit(): learn how the new inherit() function lets components derive spacing, colour and motion from their container, reduce token bloat, and implement ro...
www.alwaystwisted.com
October 22, 2025 at 12:05 PM
In 2017 I needed to create a grid of logos for Monotype requiring separators between items. I had to use pseudo-elements & "magic numbers" for simple lines 😩
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
In 2025: CSS finally solves this!
Styling the gap, with CSS
www.alwaystwisted.com/articles/sty...
Reposted by Adam Argyle
🆕 @whiskey.fm #213
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
WWW Ep214 Npm Worms Rubygem Coups · October 21, 2025
Ep #214 NPM Worms & RubyGems Coups: Trust Issues in Open Source Robbie , Chuck , and I talk about the worst whiskey, Tailwind as a “state management library,” recent security scares in open source...
nerdy.dev
October 21, 2025 at 12:35 AM
🆕 @whiskey.fm #213
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
🆕 @whiskey.fm #213
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
WWW Ep214 Npm Worms Rubygem Coups · October 21, 2025
Ep #214 NPM Worms & RubyGems Coups: Trust Issues in Open Source Robbie , Chuck , and I talk about the worst whiskey, Tailwind as a “state management library,” recent security scares in open source...
nerdy.dev
October 21, 2025 at 12:35 AM
🆕 @whiskey.fm #213
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
NPM Worms & RubyGems Coups:
Trust Issues in Open Source
Crappy whiskey and chats about Tailwind as a “state management library,” security scares in open source, dependency hygiene, developer visa drama, tech salaries and whatnot.
⤷ nerdy.dev/www-ep214-np...
watch a #webdev talk this week,
make it this one.
make it this one.
"Oops… #CSS got away from me, send halp!"
🎥 video out now
a 25m tik-talk just given at @cascadiajs.com
⤷ nerdy.dev/oops-css-got...
🎥 video out now
a 25m tik-talk just given at @cascadiajs.com
⤷ nerdy.dev/oops-css-got...
Oops CSS Got Away From Me Send Halp At Cascadiajs 2025 · October 12, 2025
You can now watch my talk from CascadiaJS 2025 3 weeks ago 🏻 Watch on YouTube
nerdy.dev
October 17, 2025 at 2:54 PM
watch a #webdev talk this week,
make it this one.
make it this one.
Reposted by Adam Argyle
closedBy=any · October 16, 2025
Declarative dialog light dismiss
nerdy.dev
October 16, 2025 at 5:25 AM
Reposted by Adam Argyle
All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.
--tint: green;
Modern CSS is amazing! 😲
--tint: green;
Modern CSS is amazing! 😲
October 14, 2025 at 10:49 PM
All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.
--tint: green;
Modern CSS is amazing! 😲
--tint: green;
Modern CSS is amazing! 😲
Reposted by Adam Argyle
Container queries and CSS make it simple to smoothly transition an element to the other side of its parent container without knowing exact dimensions or distance.
Read more in my latest post: ryanmulligan.dev/blog/transit...
Read more in my latest post: ryanmulligan.dev/blog/transit...
October 13, 2025 at 1:25 PM
Container queries and CSS make it simple to smoothly transition an element to the other side of its parent container without knowing exact dimensions or distance.
Read more in my latest post: ryanmulligan.dev/blog/transit...
Read more in my latest post: ryanmulligan.dev/blog/transit...