Burton Smith
stuffbreaker.bsky.social
Burton Smith
@stuffbreaker.bsky.social
Fun-loving coder and speaker. I love web development, web components, and design systems. Creator of the WC Toolkit.
I work at ZocDoc.
Pinned
Something that I heard last week that I really appreciated.

4 Pathways to Purpose

Something that:
1. Excites you
2. Agitates you
3. Makes you curious
4. Feels neglected from earlier in your life
Awesome episode! Thanks for the shout-out @davatron5000.bsky.social!

Any time you and @chriscoyier.net want to chat about web components DX, I'd love to come on (I know, I know, it's the nerdiest of topics).
692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?

Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.
692: Killer Feature of Web Components, Skills > MCP, and Streaming HTML?
Dave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL.
shoptalkshow.com
January 29, 2026 at 12:03 PM
Reposted by Burton Smith
Ladies, gents, and non-binary pals: I could use some work. Here's what I do best:

- Workshops: JS, TS, web components, frontend performance…
- Development: vanilla frontends, legacy refactoring (esp. React, CSS)
- DevRel: yapping & writing
- General coaching & code review

👉 [email protected]
January 22, 2026 at 2:00 PM
The #WebComponents CEM Validator just got an upgrade with improved logic for rule evaluation and better type checking when evaluationg exported types.

#webdev #html #css #javascript
wc-toolkit.com/cem-utilitie...
Custom CEM Types
Types to make working with custom data in the CEM easier
wc-toolkit.com
January 22, 2026 at 2:02 PM
After spending a week at a tech conference talking about how #AI is disrupting our industry, it was interesting to hear @jamesgunn.bsky.social having the same conversation on @smartless.bsky.social about the entertainment industry.

www.smartless.com/episodes/epi...
Episodes | smartless
www.smartless.com
January 17, 2026 at 7:30 PM
Some changes in @storybook.js.org v9 and v10 removed the ability to log events in the "Actions" panel.

I updated the Web Components helpers to account for this. It's now built into the `template` helper, or you can manually log them.

#webdev #html #javascript
wc-toolkit.com/integrations...
Storybook Helpers
Helpers designed to make integrating web components with Storybook easier.
wc-toolkit.com
January 16, 2026 at 4:58 PM
🌶️ HOT TAKE 🌶️

`aria-label` is not accessible because it doesn't support browser localization.

#a11y #l10n #i18n
January 14, 2026 at 1:47 PM
It's weird to think about localization (#l10n) as a form of accessibility (#a11y), but it makes sense.

#webdev #i18n
January 14, 2026 at 1:41 AM
At first, I thought it was weird that @svelte.dev surfaces #css variables as props, but I now I kinda like it...

svelte.dev/docs/svelte/...
Custom properties • Svelte Docs
Custom properties • Svelte documentation
svelte.dev
January 13, 2026 at 1:15 PM
I updated my @lit.dev starter kit for building a web component library with all of the latest bells and whistles from the WC Toolkit. Give it a try and tell me what you think.

#webdev #html #css #javascript
github.com/break-stuff/...
GitHub - break-stuff/lit-starter-kit: A starter kit for creating a Lit-based web component library.
A starter kit for creating a Lit-based web component library. - break-stuff/lit-starter-kit
github.com
January 12, 2026 at 1:50 PM
Dammit, @davatron5000.bsky.social! I'm supposed to be prepping for a web components workshop tomorrow and you had to go and nerd snipe me with Declarative Shadow DOM service workers...
697: Web Install API, Resizing Text, Active View Transition Type

We're talking new stuff (to us) that we haven't chatted about yet like display:grid-lanes, the web install API, resizing text on the web, scroll triggered animations, active view transition type, and a Quick Look at CodePen v2…
697: Web Install API, Resizing Text, Active View Transition Type
We're talking new stuff (to us) that we haven't chatted about yet like display:grid-lanes, the web install API, resizing text on the web, scroll triggered animations, active view transition type, and a Quick Look at CodePen v2 features.
shoptalkshow.com
January 12, 2026 at 12:05 PM
I'm #css, why don't we have `display: screen-reader` yet?

Instead, every library implements some kind of visually hidden class to slap on everything.
January 9, 2026 at 2:59 AM
The #WebComponents Toolkit JSX type generator has some exciting updates!

1. Strongly typed events (strongly types the `event.target`)
2. SolidJS type support

#TypeScript #JavaScript #HTML
wc-toolkit.com/integrations...
JSX Types Generator
Generate JSX types for custom elements / web components
wc-toolkit.com
January 6, 2026 at 2:34 PM
Happy New Year! The #WebComponents @react.dev wrappers have joined the WC Toolkit and have some nice upgrades, including:

- Strongly typed events
- CSS variable types for components
- Component and tag name formatting
wc-toolkit.com/integrations...
React Wrappers
Generate react wrappers for your custom elements / web components
wc-toolkit.com
January 1, 2026 at 8:50 PM
Happy holidays! I thought I would sneak in a little gift for everyone with the #WebComponents Language Server for @zed.dev! Enjoy!

wc-toolkit.com/integrations...
Web Components Language Server - Zed
Editor support for web components / custom elements
wc-toolkit.com
December 23, 2025 at 2:34 PM
I was really surprised to see that more users have installed the Web Components Language Server for @intellijidea.com than @webstorm.jetbrains.com!
December 23, 2025 at 1:53 PM
I hate that everything in #GitHub is called an "issue". Some of them are feature requests, proposals, or questions.
December 20, 2025 at 7:23 PM
Today I learned a term that I find myself guilty of more than I care to admit in team projects - "licking the cookie".

#webdev #opensource #oss #programming
www.redhat.com/en/blog/dont...
Don't Lick the Cookie!
Dave Neary from Red Hat discusses the term "cookie licking' and how it's an anti-pattern for open source communities.
www.redhat.com
December 20, 2025 at 12:46 PM
Reposted by Burton Smith
We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)
December 17, 2025 at 4:47 PM
Web Components Language Server for Neovim!

✨ Zero-config LSP support for custom elements
🧠 Smart completions & diagnostics
♻️ Auto-restart on config changes
🔧 Works with HTML, Astro, Vue, Svelte, JSX & more

Try it out! 👇
wc-toolkit.com/integrations...

#Neovim #WebComponents #DevTools
Web Components Language Server - Neovim
Editor support for web components / custom elements
wc-toolkit.com
December 16, 2025 at 1:23 PM
How are #ios, #android, and other native developers documenting their #DesignSystems without creating a ton of work with screenshots or other visualizations?

I see that @storybook.js.org has a native experience. Has anyone used it and had success?
github.com/storybookjs/...
GitHub - storybookjs/native: 📱 Storybook for Native: iOS, Android, Flutter
📱 Storybook for Native: iOS, Android, Flutter. Contribute to storybookjs/native development by creating an account on GitHub.
github.com
December 15, 2025 at 3:28 PM
Reposted by Burton Smith
My team at Adobe is hiring a web components engineer to help us build out the future of our design system. Great opportunity for someone earlier in their career to jump in and help us continue to improve Spectrum Web Components. In-office hybrid in LA, Denver or NYC.

adobe.design/jobs/job-pos...
Design Engineer, Spectrum Web
Join us and help build the next generation of our world-famous tools.
adobe.design
December 11, 2025 at 5:53 PM
Hmmm... I may be rethinking my strategy with the #WebComponents Language Server. Writing it in Node requires it to be installed to use it or any of the extensions. That's kind of annoying for our #dotnet, #php, #java, #golang, #rust, and #ruby friends
December 2, 2025 at 11:11 PM
Today was my first day at Zocdoc as part of their Web Platform team working on #DesignSystems! I'm pretty excited about what we're going to be doing.

www.zocdoc.com
December 2, 2025 at 3:08 AM
Since it looks like I'll be setting up a new computer today, I decided to update Punk_OS to include a #MacOS setup. 🤘

#WebDev #Developer #Programmer
github.com/break-stuff/...
December 1, 2025 at 2:07 PM