Sign in

Tony Ward

@tonyward.dev
1.5K followers 256 following 582 posts

I love building Design Systems and tools to help teams ship faster. www.tonyward.dev www.github.com/ynotdraw Design Systems. Web Components. Dad stuff. Music. Basketball.

PostsRepliesMedia
Tony Ward @tonyward.dev · 19/09/2026
This looks very cool!
031
Tony Ward @tonyward.dev · 15/09/2026
There's been a lot of discussions around the "Design Engineer"/"Design Technologist" role lately. There's always been the debate of whether the source of truth should be Figma or code. These two things are related in my eyes and I wrote some thoughts on the subject. www.tonyward.dev/articles/cod...
tonyward.dev
Code as the Source of Truth - Tony Ward
With AI tooling, code being the source of truth just makes sense.
150
Reposted by Tony Ward
Design system news @designsystems.news · 12/09/2026
Week of September 6, 2026 designsystems.news/#week-2026-9-6
003
Tony Ward @tonyward.dev · 06/08/2026
Just switched www.tonyward.dev from NextJS over to @astro.build Went from 25 dependencies to 7. Four of them are devDeps. Zero JavaScript. No more Tailwind, MDX, React, etc., It was a great personal project to learn more about Astro.
tonyward.dev
Tony Ward - Design Engineer
I love building Design Systems and tools to help teams ship faster.
2142
Reposted by Tony Ward
PJ Onori @pjonori.com · 31/07/2026
The design system documentation spec project is now a proposed W3C community group. www.w3.org/community/bl... Big thanks to Cassondra Roberts for the suggestion.
w3.org
Proposed Group: Design System Documentation Community Group | Community and Business Groups
0163
Tony Ward @tonyward.dev · 30/07/2026
Side project. Not much for now, but soon™ hali-is-back.com
hali-is-back.com
Hali Is Back
Tyrese Haliburton returns to the Pacers. October 2026.
000
Reposted by Tony Ward
Joey Arhar @josepharhar.bsky.social · 14/07/2026
Hi! I'm working on a new HTML feature: filterable select There are two proposed API shapes so far: 1. Nesting <input> in <select> 2. Sibling <input> for listbox <select> w/id ref Option 1 is more ergonomic, but would break selects in older browsers Thoughts? (Both currently in Canary w/flag)
2211623
Reposted by Tony Ward
Jacques Newman @jacquesnewman.bsky.social · 02/07/2026
focusgroup has shipped in chromium 150! developer.chrome.com/blog/new-in-... Its been a long time coming, glad to have been able to get this out the door! Also note that there polyfill ready to go: www.npmjs.com/package/@mic...
developer.chrome.com
New in Chrome 150  |  Blog  |  Chrome for Developers
CSS text-fit property, Focusgroup declarative keyboard navigation, and CSS background-clip border-area.
5328
Reposted by Tony Ward
Donnie D'Amato @donnie.damato.design · 01/07/2026
Meta just open sourced an internal design system called Astryx. astryx.atmeta.com
astryx.atmeta.com
Astryx Design System
An open source design system that is fully customizable and agent ready.
221
Tony Ward @tonyward.dev · 30/06/2026
Ain't much, but wrote some thoughts last night on what I'm playing with, what excites me, and some random thoughts. www.tonyward.dev/articles/202...
tonyward.dev
Top of Mind: June 29 2026 - Tony Ward
Topics on my mind as of this date. Ramblings.
050
Reposted by Tony Ward
John Voss @jovo.design · 29/06/2026
#DesignSystems friends, I'm hiring a #designengineer. It's a weird role, and I'm a weird boss, so I made this kick-off video to introduce both! SF or Remote (US). Apply here: grnh.se/zzirri2l3us
63210
Reposted by Tony Ward
John Kreitlow @john.kreitlow.rocks · 30/06/2026
🎉 Fluent Web Components v3.0.0 is published! (More compelling details about this huge milestone will be shared in the coming days, from folks who are better at making announcements than me) web-components.fluentui.dev
web-components.fluentui.dev
Fluent UI Web Components
Fluent UI Web Components is a set of UI components and utilities built with web standards.
2192
Tony Ward @tonyward.dev · 24/06/2026
YES!
063
Reposted by Tony Ward
Una Kravets @una.im · 23/06/2026
I literally had this blog post in my drafts since March 😆 But then I was waiting for browser support and then event season happened. HERE IT IS THOUGH. As promised at #CSSDay
2303
Reposted by Tony Ward
Rik Schennink @rikschennink.com · 23/06/2026
I wrote a small article explaining how to animate the <dialog> element using the View Transition API. The article also goes into Invoker Commands API and it concludes with some handy tips and tricks that improve the default behaviour of the <dialog> modal. pqina.nl/blog/animati...
pqina.nl
Animating The Dialog Element Using View Transitions
In this article we look at animating the &lt;dialog&gt; element using the View Transition API. We’ll follow progressive enhancement so it’s only used when supported and when the user allows animations...
26510
Reposted by Tony Ward
Alex Riviere @dangitalex.wtf · 08/06/2026
CUSTOMIZABLE SELECT IS IN SAFARI 27!!
3506
Tony Ward @tonyward.dev · 08/06/2026
Chills @maphramusic.bsky.social 😭 www.youtube.com/watch?v=uGSx...
youtube.com
Faouzia - Unethical (MAPHRA Vocal Cover)
YouTube video by MAPHRA
000
Tony Ward @tonyward.dev · 04/06/2026
How are web component folks dealing with a main app, composed of many subpackages using custom elements without scoped custom element registries? Each package _wants_ to specify their own version of the Design System. But the first element registered "wins".
680
Reposted by Tony Ward
Design system office hours podcast @officehours.systems · 28/05/2026
Sharing is caring. And even though caring has gone extremely out of style, we suggest you do it anyway. Davy and PJ talk about how you can within design systems. podcasts.apple.com/us/podcast/d...
podcasts.apple.com
Ep 101: Sharing Ideas and Open Source
Podcast Episode · Design System Office Hours · May 26 · 37m
042
Tony Ward @tonyward.dev · 23/05/2026
If the Spurs can take this series from OKC, I'll be a very happy man.
110
Tony Ward @tonyward.dev · 19/05/2026
Feel this so much. Big reason I haven’t written in a while. Tech feels very draining and doom-y right now. Bless folks still cranking out good content 🫡
1160
Reposted by Tony Ward
Design system news @designsystems.news · 16/05/2026
Week of May 17, 2026 designsystems.news/#week-2026-5-17
043
Reposted by Tony Ward
Haley Ward @haleyward.bsky.social · 29/04/2026
Asking for a friend… 👀 Anyone hiring for a Design Systems / Frontend Engineer right now? Strong in React, Typescript, AI, accessibility, and building scalable component libraries + developer platforms (8+ years). Would love to connect 🙏 #DesignSystems #Frontend
086
Reposted by Tony Ward
Shaun Bent @shaunbent.co.uk · 23/04/2026
Design handoff belongs in the bin. Not improved, made irrelevant. 🗑️ It's a waterfall relic we've normalised as best practice. I wrote about what the alternative looks like and how to get there. 🔗 bit.ly/4e4Blae
bit.ly
Design handoff belongs in the bin
Improving the handoff process is a worthy goal, but it's the wrong one. The goal should be to make handoff irrelevant entirely, and here's how you get there.
191
Reposted by Tony Ward
Design system news @designsystems.news · 18/04/2026
Week of April 19, 2026 designsystems.news/#week-2026-4-19
011
Reposted by Tony Ward
Lit @lit.dev · 09/04/2026
Really great write-up, and spoiler alert! ... MDN uses Lit to write their web components! 🔥😎 And they use Lit SSR to implement their own server components, and built their own component lazy-loader. Impressive work MDN!
0567
Reposted by Tony Ward
Dave Levitan @davelevitan.bsky.social · 01/04/2026
LOOK AT THIS
I don't even know I missed the description on the broadcast but it's some part of Artemis II separating with a starry background behind it
221054190
Tony Ward @tonyward.dev · 18/03/2026
Design Systems should prioritize quality over speed because they serve as critical infrastructure. But that doesn't mean internal innovation shouldn't happen, or can't move at a faster pace. www.tonyward.dev/articles/sta...
tonyward.dev
Balancing Stability and Innovation in Design Systems - Tony Ward
Some ramblings around internally innovating, while preserving external stability.
032
Tony Ward @tonyward.dev · 17/03/2026
A lot of really interesting nuggets in here. I actually missed taking this survey, but I'm glad others did.
121
Tony Ward @tonyward.dev · 15/03/2026
Been almost a month and still listening to @maphramusic.bsky.social’s Doomed cover. It’s so dang good. youtu.be/r6L-GUOAhGo?...
youtu.be
Bring Me The Horizon - Doomed (MAPHRA Vocal Cover)
YouTube video by MAPHRA
001
Reposted by Tony Ward
Guy Segal @guysegal.com · 14/03/2026
If you fundamentally misunderstand what the design “process” is and what it’s for, no tool, not even AI, can help you.
1244
Tony Ward @tonyward.dev · 12/03/2026
Design System friends - I know a gal looking for a new role. She's senior+ with 8+ years of Design System experience. Does great work.
130
Reposted by Tony Ward
Justin Fagnani @justinfagnani.com · 10/03/2026
🎉 I'm so excited that scoped custom element registries is landing in Chrome and Edge! 🥳 This solves one of the biggest complaints with the web components APIs: the global tag name namespace. Standards is a long game though: I first proposed this in 2017! 😲 developer.chrome.com/blog/scoped-...
developer.chrome.com
Make custom elements behave with scoped registries  |  Blog  |  Chrome for Developers
You can now encapsulate custom elements.
35915
Reposted by Tony Ward
Brian Sinclair @brianarn.bsky.social · 27/02/2026
Block was a really great place to work for the past four months. Unfortunately, I’m part of today’s 40% layoff. If you need an old hand at web stuff, who has staff software engineering experience at multiple international corporations, hit me up. ❤️
43813
Reposted by Tony Ward
Patrick Brosset @patrickbrosset.com · 26/02/2026
❌ Instead of: if (map.has(key)) { return map.get(key); } map.set(key, value); return value; ✅ Write: return map.getOrInsert(key, value); This now works in all browsers!
web-platform-dx.github.io
Web platform features explorer - Map getOrInsert()
2457
Tony Ward @tonyward.dev · 25/02/2026
anyone happen to know the status of container style queries in Firefox? caniuse.com/css-containe...
caniuse.com
CSS Container Style Queries | Can I use... Support tables for HTML5, CSS3, etc
230
Reposted by Tony Ward
Rich Burroughs @somewhattolerable.com · 12/02/2026
This thread is 💯
063
Reposted by Tony Ward
Ryan Mulligan @ryanmulligan.dev · 10/02/2026
Hey friends! Our design and eng teams at Function Health are actively hiring, including a Design Engineer with solid native app experience. We'd get to work together, which I think could be a blast. Check out our open roles: www.functionhealth.com/careers
functionhealth.com
Careers | Function
Join a team challenging conventional healthcare and introducing technologies for scaling medicine to billions. We're hiring across engineers, PMs, designers, & more.
132
Reposted by Tony Ward
Kelsey Hightower @kelseyhightower.com · 09/02/2026
We are better together!
121513
Reposted by Tony Ward
Adam Argyle @nerdy.dev · 03/02/2026
Wild how far you can push "customizable select" with just #CSS nerdy.dev/nice-select
1539869
Reposted by Tony Ward
Node.js @nodejs.org · 02/02/2026
New Node.js codemod ✨ Migrate from Chalk to Node.js util styleText nodejs.org/en/blog/migr...
nodejs.org
Node.js — Chalk to Node.js util styleText
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.
08014
Reposted by Tony Ward
Laura Kalbag @laurakalbag.com · 27/01/2026
My book, Accessibility For Everyone, is now free and online as a website. accessibilityforeveryone.site The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
9310193
Tony Ward @tonyward.dev · 21/01/2026
@keithamus.social hey Keith! Happen to know the current state for Firefox of anchor positioning and the popover APIs when shadow DOMs are involved? Thinking about a Tooltip custom element that accepts an anchor slot. <tooltip> <button slot=“anchor”
100
Reposted by Tony Ward
Ariel Salminen @arielsalminen.com · 20/01/2026
Would you like to work with me? 👋🏻 I’m currently helping to strengthen the existing design systems team at Kesko and we’re looking for a nice & talented designer/developer to join us. arielsalminen.com/2026/hiring-...
arielsalminen.com
Hiring a Design Engineer for Kesko Design System
Hi 👋🏻, I’m Arielle, a Design Systems Architect working with Kesko. I’m currently helping to strengthen the existing design systems team in the organization and we’re looking for an experienced Design ...
75234
Tony Ward @tonyward.dev · 20/01/2026
I fucking U baby!!!!!
010
Tony Ward @tonyward.dev · 12/01/2026
Super cool being at that age where if I don’t stretch or run every day, my body feels terrible.
160
Reposted by Tony Ward
Luke @lukewarlow.dev · 09/01/2026
I've seen a number of people request a way to imperatively link a form control and a label via a property such as .forElement on the label. Can you send me your concrete use cases if you're one of these people?
122
Reposted by Tony Ward
Wes Bos @wesbos.com · 07/01/2026
there is something off about this design - it's the vertical text alignment this new CSS feature just made aligning text 100x easier
11119
Reposted by Tony Ward
Design system news @designsystems.news · 03/01/2026
Week of January 4, 2026 designsystems.news/#week-2026-1-4
032
Reposted by Tony Ward
henry ✷ @strange.website · 01/01/2026
you’re right! it feels mostly awful to Go Online™, these days. the internet in a sad state, for reason after reason after reason. but there is a way to fix it; to trade the voidful howling for a quiet & joyful song. here’s how to win the war for the soul of the internet, and build the Web We Want.
henry.codes
A Website To End All Websites | Henry From Online
How to win the war for the soul of the internet, and build the Web We Want.
10325125