Tony Ward
@tonyward.dev
I love building Design Systems and tools to help teams ship faster.
https://www.tonyward.dev
https://www.github.com/ynotdraw
Design Systems. Web Components. Dad stuff. Music. Basketball.
https://www.tonyward.dev
https://www.github.com/ynotdraw
Design Systems. Web Components. Dad stuff. Music. Basketball.
Reposted by Tony Ward
Yesterday at TPAC I publicized my draft proposal for adding a declarative templating API to the DOM.
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
github.com
November 10, 2025 at 11:04 PM
Yesterday at TPAC I publicized my draft proposal for adding a declarative templating API to the DOM.
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
github.com/justinfagnan...
The repo has:
📖 Explainers for the templating API and DOM scheduler API
🏗️ Full prototype implementations
⚗️ a JSX transform
⚛️ a mini React-like framework
Reposted by Tony Ward
😎😎😎😎 GOOD THINGS CAN STILL HAPPEN 😎😎😎😎
November 5, 2025 at 5:22 AM
😎😎😎😎 GOOD THINGS CAN STILL HAPPEN 😎😎😎😎
Reposted by Tony Ward
Happy Schema by Figma day. A recap of our announcements (roll out dates may vary)
→ Extended Collections
→ Slots
→ Check Designs
→ And a ton more
→ Extended Collections
→ Slots
→ Check Designs
→ And a ton more
October 28, 2025 at 5:35 PM
Happy Schema by Figma day. A recap of our announcements (roll out dates may vary)
→ Extended Collections
→ Slots
→ Check Designs
→ And a ton more
→ Extended Collections
→ Slots
→ Check Designs
→ And a ton more
Reposted by Tony Ward
Shopify deprecated their Polaris React components and went all-in on web components.
www.shopify.com/partners/blo...
github.com/Shopify/pola...
www.shopify.com/partners/blo...
github.com/Shopify/pola...
Polaris Goes Stable - The Future of Shopify App Development is Here (2025) - Shopify
Polaris is now GA. Today marks a milestone moment for Shopify developers: Polaris is now stable and the default library for building experiences across the entire Shopify ecosystem.
www.shopify.com
October 15, 2025 at 10:16 AM
Shopify deprecated their Polaris React components and went all-in on web components.
www.shopify.com/partners/blo...
github.com/Shopify/pola...
www.shopify.com/partners/blo...
github.com/Shopify/pola...
AI and Design Systems have been on my mind for quite some time. I decided to write down my thoughts on my ideal scenario for building from designs using AI tools and your existing Design System.
www.tonyward.dev/articles/des...
www.tonyward.dev/articles/des...
Design Systems and AI - Tony Ward
Some thoughts on how to get the most out of your Design System with AI tooling.
www.tonyward.dev
October 14, 2025 at 2:47 PM
AI and Design Systems have been on my mind for quite some time. I decided to write down my thoughts on my ideal scenario for building from designs using AI tools and your existing Design System.
www.tonyward.dev/articles/des...
www.tonyward.dev/articles/des...
Reposted by Tony Ward
Blink: Intent to Ship: Scoped Custom Element Registry
Blink: Intent to Ship: Scoped Custom Element Registry
Blink: Intent to Ship: Scoped Custom Element Registry
groups.google.com
October 13, 2025 at 9:01 PM
Blink: Intent to Ship: Scoped Custom Element Registry
@cory.laviska.com congrats on @quietui.org dude
September 24, 2025 at 1:27 PM
@cory.laviska.com congrats on @quietui.org dude
Really excellent article bringing tighter code and design alignment with Code Connect and the custom elements manifest jamesiv.es/blog/fronten...
Connecting the Custom Elements Manifest to Figma Code Connect
Automating the generation of Figma Code Connect files using the Custom Elements Manifest and Figma's REST API.
jamesiv.es
September 24, 2025 at 12:27 PM
Really excellent article bringing tighter code and design alignment with Code Connect and the custom elements manifest jamesiv.es/blog/fronten...
Reposted by Tony Ward
Let's do a Custom Elements conference or something
September 22, 2025 at 5:24 PM
Let's do a Custom Elements conference or something
Reposted by Tony Ward
To do this with the (upcoming) interest invoker API, it's 1 line of code:
.parent:has(:interest-source) button {
interest-show-delay: 0s;
}
You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover).
codepen.io/una/pen/LEpw...
.parent:has(:interest-source) button {
interest-show-delay: 0s;
}
You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover).
codepen.io/una/pen/LEpw...
September 15, 2025 at 7:01 PM
To do this with the (upcoming) interest invoker API, it's 1 line of code:
.parent:has(:interest-source) button {
interest-show-delay: 0s;
}
You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover).
codepen.io/una/pen/LEpw...
.parent:has(:interest-source) button {
interest-show-delay: 0s;
}
You have your default delay. Then, you update the interest delay when an element inside of the parent has interest (i.e. hover).
codepen.io/una/pen/LEpw...
The Basics of Anchor Positioning
Learn the basics of Anchor Positioning in CSS
ishadeed.com
September 9, 2025 at 1:30 PM
I wrote some thoughts on the advantages of building your Design System with Web Components when it comes to Design System Education.
Using the platform™ pays many dividends! Also included a quote from @davatron5000.bsky.social that I really liked 😂
www.tonyward.dev/articles/des...
Using the platform™ pays many dividends! Also included a quote from @davatron5000.bsky.social that I really liked 😂
www.tonyward.dev/articles/des...
Design Systems Education: Web Components - Tony Ward
Web Components simplify Design Systems Education by using platform fundamentals.
www.tonyward.dev
September 3, 2025 at 6:19 PM
I wrote some thoughts on the advantages of building your Design System with Web Components when it comes to Design System Education.
Using the platform™ pays many dividends! Also included a quote from @davatron5000.bsky.social that I really liked 😂
www.tonyward.dev/articles/des...
Using the platform™ pays many dividends! Also included a quote from @davatron5000.bsky.social that I really liked 😂
www.tonyward.dev/articles/des...
Reposted by Tony Ward
🥳 Congrats on the launch, @developer.mozilla.org!
Yet another piece of our web dev tool belt built with web components and Lit 😎
Yet another piece of our web dev tool belt built with web components and Lit 😎
We’ve launched MDN’s new front end — and it’s just the beginning.
Intentionally targeting Baseline "Widely available" features when deciding on which ones to use. This means we're able to adopt modern CSS and web components for our UI.
Check it out 👇
developer.mozilla.org/en-US/blog/...
Intentionally targeting Baseline "Widely available" features when deciding on which ones to use. This means we're able to adopt modern CSS and web components for our UI.
Check it out 👇
developer.mozilla.org/en-US/blog/...
Launching MDN's new front end | MDN Blog
MDN is getting a facelift 🎉 Discover what's changed, what's improved, and how navigating the site just got smoother.
developer.mozilla.org
August 25, 2025 at 7:30 PM
🥳 Congrats on the launch, @developer.mozilla.org!
Yet another piece of our web dev tool belt built with web components and Lit 😎
Yet another piece of our web dev tool belt built with web components and Lit 😎
Set a schedule on iOS to do light mode during the day and dark mode in the morning and night like a psychopath.
Actually think I prefer light mode visually 🤔
Actually think I prefer light mode visually 🤔
August 14, 2025 at 9:54 PM
Set a schedule on iOS to do light mode during the day and dark mode in the morning and night like a psychopath.
Actually think I prefer light mode visually 🤔
Actually think I prefer light mode visually 🤔
Collecting metrics for Design System adoption is great, but it doesn't tell the whole story.
I believe auditing your app *visually* using automated tooling is a much better approach.
www.tonyward.dev/articles/a-n...
I believe auditing your app *visually* using automated tooling is a much better approach.
www.tonyward.dev/articles/a-n...
A New Way to Audit Design System Usage - Tony Ward
Plug in to your existing end-to-end tests to audit Design System usage.
www.tonyward.dev
August 12, 2025 at 12:22 PM
Collecting metrics for Design System adoption is great, but it doesn't tell the whole story.
I believe auditing your app *visually* using automated tooling is a much better approach.
www.tonyward.dev/articles/a-n...
I believe auditing your app *visually* using automated tooling is a much better approach.
www.tonyward.dev/articles/a-n...
Reposted by Tony Ward
Now importNode and cloneNode have the same performance in Chrome: issues.chromium.org/issues/37124...
I'm happy frameworks can get simpler, but also because Lit, which always uses importNode, probably just got faster too.
Filing issues for browser implementation bugs is a good thing for everyone!
I'm happy frameworks can get simpler, but also because Lit, which always uses importNode, probably just got faster too.
Filing issues for browser implementation bugs is a good thing for everyone!
August 9, 2025 at 5:11 PM
Now importNode and cloneNode have the same performance in Chrome: issues.chromium.org/issues/37124...
I'm happy frameworks can get simpler, but also because Lit, which always uses importNode, probably just got faster too.
Filing issues for browser implementation bugs is a good thing for everyone!
I'm happy frameworks can get simpler, but also because Lit, which always uses importNode, probably just got faster too.
Filing issues for browser implementation bugs is a good thing for everyone!
Reposted by Tony Ward
I'm hiring, again! I'm looking for a strong (senior+) design-engineer (full 50/50 split) to join our design system team. Come bring the craft back to UI design!
Senior Design-Engineer | Design Systems
ABOUT RAMP
At Ramp, we’re rebuilding how modern finance teams function in the age of AI. We believe AI isn’t just the next big wave. It’s the new foundation for how business gets done. We’re investin...
jobs.ashbyhq.com
August 6, 2025 at 10:59 PM
I'm hiring, again! I'm looking for a strong (senior+) design-engineer (full 50/50 split) to join our design system team. Come bring the craft back to UI design!
Reposted by Tony Ward
Boom, much to @justinfagnani.com's delight (I assume :P) we have much more docs on the @tanstack.com Form Lit adapter as well as better examples:
tanstack.com/form/latest/...
tanstack.com/form/latest/...
Form and Field Validation | TanStack Form Lit Docs
At the core of TanStack Form's functionalities is the concept of validation. TanStack Form makes validation highly customizable: You can control when to perform the validation (on change, on input, on...
tanstack.com
August 4, 2025 at 6:01 AM
Boom, much to @justinfagnani.com's delight (I assume :P) we have much more docs on the @tanstack.com Form Lit adapter as well as better examples:
tanstack.com/form/latest/...
tanstack.com/form/latest/...
Reposted by Tony Ward
Some of my most successful design systems work came from my worst people-pleasing tendencies. Seeking others' approval made systems flexible and widely adopted.
It left me emotionally spent and cost me my own opinion about what the system should be.
substack.com/inbox/post/1...
It left me emotionally spent and cost me my own opinion about what the system should be.
substack.com/inbox/post/1...
The biggest threat to your design system is your need to be liked
A system designed for everyone is a system that works for no one. On people-pleasing, performance punishment, and learning that I'm not for everyone.
substack.com
July 30, 2025 at 9:25 PM
Some of my most successful design systems work came from my worst people-pleasing tendencies. Seeking others' approval made systems flexible and widely adopted.
It left me emotionally spent and cost me my own opinion about what the system should be.
substack.com/inbox/post/1...
It left me emotionally spent and cost me my own opinion about what the system should be.
substack.com/inbox/post/1...
Reposted by Tony Ward
I'll say it again: Every framework should be going all-in on first-class web components support.
With React eating the world, second-tier frameworks are often left behind. Web components are the scalable way for these projects to support multiple frameworks, and we should all encourage it.
With React eating the world, second-tier frameworks are often left behind. Web components are the scalable way for these projects to support multiple frameworks, and we should all encourage it.
July 25, 2025 at 6:37 PM
I'll say it again: Every framework should be going all-in on first-class web components support.
With React eating the world, second-tier frameworks are often left behind. Web components are the scalable way for these projects to support multiple frameworks, and we should all encourage it.
With React eating the world, second-tier frameworks are often left behind. Web components are the scalable way for these projects to support multiple frameworks, and we should all encourage it.
Anyone happen to know the status of closedby for dialog elements in Safari? Having a hard time tracking down the progress.
July 17, 2025 at 1:28 PM
Anyone happen to know the status of closedby for dialog elements in Safari? Having a hard time tracking down the progress.
Really great read and matches my experiences.
We ran a randomized controlled trial to see how much AI coding tools speed up experienced open-source developers.
The results surprised us: Developers thought they were 20% faster with AI tools, but they were actually 19% slower when they had access to AI than when they didn't.
The results surprised us: Developers thought they were 20% faster with AI tools, but they were actually 19% slower when they had access to AI than when they didn't.
July 10, 2025 at 9:41 PM
Really great read and matches my experiences.
55 hours later, I wrapped up Death Stranding 2. Solid 8/10.
July 6, 2025 at 1:51 AM
55 hours later, I wrapped up Death Stranding 2. Solid 8/10.
