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

Happy Schema by Figma day. A recap of our announcements (roll out dates may vary) → Extended Collections → Slots → Check Designs → And a ton more

Shopify deprecated their Polaris React components and went all-in on web components. 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...

Blink: Intent to Ship: Scoped Custom Element Registry

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

Let's do a Custom Elements conference or something

`field-sizing` on `<input>` is really handy for groups of editable chips!

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

@ishadeed.com's anchor positioning article is so good! ishadeed.com/article/anch...

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

🥳 Congrats on the launch, @developer.mozilla.org! 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 🤔

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

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

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

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

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.

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.

55 hours later, I wrapped up Death Stranding 2. Solid 8/10.

Whoa. Figma going public. www.figma.com/blog/s1-publ...

What’s up with the design systems job market? After a dry era it seems like it’s been getting way more traction over the past month or two with so many open positions. A few places to start from: — Design Systems Jobs designsystems.jobs — Into Design Systems Jobs www.linkedin.com/company/into...

I was laid-off and am looking for a new role. Working were design meets code is my jam. I am skilled at building accessible design system components, working with Web Components APIs, and creating scalable CSS architecture. I work remotely from my home in Manitoba, Canada. 🇨🇦 Shares appreciated!

Thinking about having a few open hours on Friday to chat with folks, mentor, etc. — what’s a good scheduling app for something like this that’s free and not a pain to use?

One more game, LFG.

Got my good luck Obi Toppin jersey on. Cmon Pacers!

New blog: I’ll admit, this one’s a bit of a ramble, mostly because I care a lot about how we give feedback, how we receive it, and why it so often feels like an attack (even when it isn’t). TL;DR: Feedback is care, when it’s done with intention. ashley.dev/posts/feedba...

“Let's be honest: you're designing to impress other designers, not users. And that's the problem.” websmith.studio/blog/website...

HALIBURTON!!!!!!!

Walked over to Target right when they opened and picked up a Switch 2 😂

Do you consider yourself an accessibility engineer/expert? My team has a few roles opening up soon to expand our accessibility web team. Would love to connect you with the hiring manager. Feel free to DM me.

When reviewing Figma designs, are your developers asking "which coded Design System component is this?". I've been experimenting with Figma Dev Resources and think this could help answer those types of questions! They're a quick win for a Design System team. www.tonyward.dev/articles/fig...

We’re hiring react based design systems engineers who are passionate about token taxonomy, building cool token tools, AI enabled systems and design partnership. DM me!

lol www.reddit.com/r/Experience...

Go Pacers!

If you design or build for the web, accessibility is part of your job. It's not just for specialists. It's not just something that a design system handles for you. Learn how to do your job or find a different profession.

I made a collection of 100+ CodePens related to ARIA. It's neither polished nor a collection of best practices. Just some examples for testing most (all?) properties, states, and roles. This could be something for your bookmarks. codepen.io/collection/r...

Accessible notifications using `aria-live` or `role=status`, etc., aren't a straightforward task. Updating the DOM is hard to get right and anything but convenient. That's why the Edge team proposes and trials a new DOM method — ariaNotify(). 😱 I like it! blogs.windows.com/msedgedev/20...

Chatting with other people doing similar jobs at other companies has really helped me adjust my perspective while helping others plan next steps. If you’re interested in chatting about design systems engineering, let me know.

If you write code to make websites (HTML, CSS, JS, Web API, Media) and you get frustrated trying to wrangle your code to work in Safari, which bugs are blocking you? Which existing features would you most like to see improved? If you got a chance to order priorities which effort would you put first?

Really loving Clair Obscur: Expedition 33. About 5 hours in and the story is a 10/10 so far. Gameplay is great. Very nice looking time. Would recommend!

Those of you working in design systems: what are your favorite token management tools?

Couldn’t find a design systems webring, so I created one. Feel free to join if you’re into design systems and want to add some 90s vibes on your website: design-system.club *content and styling work-in-progress, PRs welcome*

Don’t care for sports most of the time, but NBA playoffs just hit different.

Spent some time writing a brief article around visual regression testing and pushing it all onto CI. www.tonyward.dev/articles/vis... This is another solution to the one @haleyward.bsky.social wrote about on Medium.

Yes but you see the price of eggs was up one entire dollar so what choice did we have

Seeing so many design system teams crumble as they get moved out of the Design organization and directly under product/feature engineering umbrellas. After being moved, leadership doesn’t understand the benefits of design system. They think it’s just reusable components.