Tony Ward's Avatar

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.

1,433
Followers
249
Following
495
Posts
25.05.2023
Joined
Posts Following

Latest posts by Tony Ward @tonyward.dev

Preview
What's My JND? Find your Just Noticeable Difference in colour perception. How small a colour difference can you actually see?

What's My JND? 0.0026
Can you beat it? www.keithcirkel.co.uk/whats-my-jnd...

This was a lot of fun!

11.03.2026 00:36 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Yeah, that lines up with my thinking.

0 context from me of course, but for a quick thought experiment: if you're already doing that, does it make sense to bake the text into the spinner anyway? Maybe provide a hide-label/hide-text to spinner for cases where no *visual* text is needed/required?

11.03.2026 00:29 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Yeah, we do what you described at the end.

It's arguably not ideal, but it solves the cross shadow root issues. And consumers don't have to think about it. Just give our component(s) a string and we'll handle the a11y for you.

10.03.2026 23:06 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Make custom elements behave with scoped registries ย |ย  Blog ย |ย  Chrome for Developers You can now encapsulate custom elements.

๐ŸŽ‰ 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-...

10.03.2026 16:20 ๐Ÿ‘ 45 ๐Ÿ” 11 ๐Ÿ’ฌ 3 ๐Ÿ“Œ 0

Dude. Hell yeah!

03.03.2026 16:17 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Love content like this, Manuel. Keep it coming!

27.02.2026 16:21 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

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. โค๏ธ

27.02.2026 00:04 ๐Ÿ‘ 38 ๐Ÿ” 14 ๐Ÿ’ฌ 5 ๐Ÿ“Œ 0

God-tier indeed

26.02.2026 23:33 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Web platform features explorer - Map getOrInsert()

โŒ 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!

26.02.2026 20:00 ๐Ÿ‘ 45 ๐Ÿ” 7 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 2

Excellent, thank you, Mia!

25.02.2026 14:22 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Oh... this is really good news! Thanks, Nathan!

25.02.2026 00:44 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
1795622 - (container-style-queries) [css-contain-3] [meta] Support style() container queries NEW (nobody) in Core - CSS Parsing and Computation. Last updated 2026-02-24.

Trying to figure out if a feature I'm working on is a "progressive enhancement (Chrome + Safari only)", or if I should change my approach if it won't get in Firefox anytime soon.

I see bugzilla.mozilla.org/show_bug.cgi... appears to be moving along though.

25.02.2026 00:43 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
CSS Container Style Queries | Can I use... Support tables for HTML5, CSS3, etc

anyone happen to know the status of container style queries in Firefox?

caniuse.com/css-containe...

25.02.2026 00:42 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0

Hell yeah, more like it

20.02.2026 21:52 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Okay to send screenshots of designs or prefer full code examples?

13.02.2026 11:26 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

Hey Oliver! Iโ€™m interested but in a bit of a writerโ€™s block at the moment ๐Ÿ˜‚

12.02.2026 20:00 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

This thread is ๐Ÿ’ฏ

12.02.2026 15:34 ๐Ÿ‘ 6 ๐Ÿ” 3 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Itโ€™s really good

11.02.2026 18:04 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Damnnnnnnnn

10.02.2026 20:40 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Careers | Function Join a team challenging conventional healthcare and introducing technologies for scaling medicine to billions. We're hiring across engineers, PMs, designers, & more.

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

10.02.2026 15:52 ๐Ÿ‘ 3 ๐Ÿ” 2 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

I could definitely see that.

09.02.2026 19:45 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0

We are better together!

09.02.2026 01:32 ๐Ÿ‘ 215 ๐Ÿ” 13 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 1
Video thumbnail

Wild how far you can push "customizable select" with just #CSS

nerdy.dev/nice-select

03.02.2026 17:26 ๐Ÿ‘ 396 ๐Ÿ” 68 ๐Ÿ’ฌ 15 ๐Ÿ“Œ 1
Preview
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.

New Node.js codemod โœจ Migrate from Chalk to Node.js util styleText nodejs.org/en/blog/migr...

02.02.2026 15:34 ๐Ÿ‘ 81 ๐Ÿ” 14 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Accessibility For Everyone by Laura Kalbag Read the book online for free.

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.

27.01.2026 13:14 ๐Ÿ‘ 309 ๐Ÿ” 195 ๐Ÿ’ฌ 9 ๐Ÿ“Œ 10

Oh this is excellent news! Iโ€™ll give it a go! Thanks so much, Keith!

21.01.2026 20:22 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

@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โ€

21.01.2026 17:47 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
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 ...

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-...

20.01.2026 12:24 ๐Ÿ‘ 53 ๐Ÿ” 35 ๐Ÿ’ฌ 7 ๐Ÿ“Œ 3

I fucking U baby!!!!!

20.01.2026 04:16 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

You have my vote

19.01.2026 22:11 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0