Burton Smith
@stuffbreaker.bsky.social
Fun-loving coder and speaker. I love web development, web components, and design systems. Creator of kickstand-ui.
I work @microsoft
I work @microsoft
Pinned
Burton Smith
@stuffbreaker.bsky.social
· Apr 15
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
4 Pathways to Purpose
Something that:
1. Excites you
2. Agitates you
3. Makes you curious
4. Feels neglected from earlier in your life
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...
- 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 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...
- Strongly typed events
- CSS variable types for components
- Component and tag name formatting
wc-toolkit.com/integrations...
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...
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
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...
wc-toolkit.com/integrations...
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 was really surprised to see that more users have installed the Web Components Language Server for @intellijidea.com than @webstorm.jetbrains.com!
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...
#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
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...
#webdev #opensource #oss #programming
www.redhat.com/en/blog/dont...
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
We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)
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
✨ 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
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
✨ 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
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/...
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
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/...
I see that @storybook.js.org has a native experience. Has anyone used it and had success?
github.com/storybookjs/...
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...
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
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...
adobe.design/jobs/job-pos...
Come nerd-out with me at my #WebComponents workshop!
The CodeMash 2026 Session Schedule is LIVE!
Find the full schedule here: zurl.co/lPbT1
Not yet bought a ticket? 👉 zurl.co/dlx7m
Find the full schedule here: zurl.co/lPbT1
Not yet bought a ticket? 👉 zurl.co/dlx7m
The Codemash 2026 Session Schedule is Ready! - CodeMash
We are happy to announce that the Codemash 2026 session schedule is officially live! We tabulated all the results from the session interest survey and were able to use all of that data to pick the best timeslots and rooms for each talk. Please head over to the posted schedule. Click the day on top of the menu to view sessions specific for that day. Time slots are listed on the left. We really hope that you’ll find this schedule useful for planning what sessions you want to attend so you can get the most out of the conference. Stay [...]
zurl.co
December 6, 2025 at 3:59 PM
Come nerd-out with me at my #WebComponents workshop!
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
www.zocdoc.com
December 2, 2025 at 3:08 AM
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
www.zocdoc.com
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/...
#WebDev #Developer #Programmer
github.com/break-stuff/...
December 1, 2025 at 2:07 PM
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/...
#WebDev #Developer #Programmer
github.com/break-stuff/...
Reposted by Burton Smith
🚀 I’m running a Thanksgiving sale on my Web Component Engineering course. Through Nov 30, you can get 25% off with the code GRATITUDE25.
bluespire.com/course/web-c...
bluespire.com/course/web-c...
Web Component Engineering | Blue Spire
bluespire.com
November 24, 2025 at 4:11 PM
🚀 I’m running a Thanksgiving sale on my Web Component Engineering course. Through Nov 30, you can get 25% off with the code GRATITUDE25.
bluespire.com/course/web-c...
bluespire.com/course/web-c...
For you #TypeScript devs out there that have learned #Rust, what resources have you found that helped you?
November 22, 2025 at 2:44 PM
For you #TypeScript devs out there that have learned #Rust, what resources have you found that helped you?
I wanted to get this out so our friends that use @jetbrains.com can play with the #WebComponents Language Server over the holidays. Enjoy!
#html #css #javascript
#html #css #javascript
November 21, 2025 at 4:21 PM
I wanted to get this out so our friends that use @jetbrains.com can play with the #WebComponents Language Server over the holidays. Enjoy!
#html #css #javascript
#html #css #javascript
Well, Monday was officially my last day at Microsoft. It was a great adventure and I met some amazing people along the way for which I am very grateful. Now it's time for a new chapter.
November 20, 2025 at 12:31 AM
Well, Monday was officially my last day at Microsoft. It was a great adventure and I met some amazing people along the way for which I am very grateful. Now it's time for a new chapter.
This holiday season, support the #OpenSourceSoftware / #OSS community by purchasing this delicious side dish! 🤘
#webdev #SoftwareDevelopment
cranberrysoss.com
#webdev #SoftwareDevelopment
cranberrysoss.com
Cranberry sOSS
Be the envy of your Thanksgiving gathering by bringing comestibles that actively support Open Source maintainers.
cranberrysoss.com
November 18, 2025 at 8:48 PM
This holiday season, support the #OpenSourceSoftware / #OSS community by purchasing this delicious side dish! 🤘
#webdev #SoftwareDevelopment
cranberrysoss.com
#webdev #SoftwareDevelopment
cranberrysoss.com
This was an awesome interview on how to scale #DesignSystems!
I really love the purpose of a design system team stated at the beginning!
"Bridging the gap between design and development on behalf of an organization so that those agreements can scale."
t.ly/bvQ1N
I really love the purpose of a design system team stated at the beginning!
"Bridging the gap between design and development on behalf of an organization so that those agreements can scale."
t.ly/bvQ1N
Episodes | Design Systems Podcast
Design Systems Podcast interviews industry leaders and product makers to share best practices and explore the areas where design and development come together.
t.ly
November 18, 2025 at 12:36 PM
This was an awesome interview on how to scale #DesignSystems!
I really love the purpose of a design system team stated at the beginning!
"Bridging the gap between design and development on behalf of an organization so that those agreements can scale."
t.ly/bvQ1N
I really love the purpose of a design system team stated at the beginning!
"Bridging the gap between design and development on behalf of an organization so that those agreements can scale."
t.ly/bvQ1N
I absolutely love this! Thank you @sentry.io and others for supporting #OpenSource!
opensourcepledge.com
opensourcepledge.com
Open Source Pledge
Open Source software powers the world, but who supports the maintainers? We do.
opensourcepledge.com
November 13, 2025 at 1:52 PM
I absolutely love this! Thank you @sentry.io and others for supporting #OpenSource!
opensourcepledge.com
opensourcepledge.com
I'm really excited to release the next iteration of the #WebComponents language server! This comes with some solid improvements:
- Autocomplete for #css variables, parts, and states
- Basic binding integration for popular frameworks, including Angular, Vue, and Lit.
- Lots of perf improvements
- Autocomplete for #css variables, parts, and states
- Basic binding integration for popular frameworks, including Angular, Vue, and Lit.
- Lots of perf improvements
November 12, 2025 at 1:00 PM
I'm really excited to release the next iteration of the #WebComponents language server! This comes with some solid improvements:
- Autocomplete for #css variables, parts, and states
- Basic binding integration for popular frameworks, including Angular, Vue, and Lit.
- Lots of perf improvements
- Autocomplete for #css variables, parts, and states
- Basic binding integration for popular frameworks, including Angular, Vue, and Lit.
- Lots of perf improvements
I know this may not be a popular opinion for some of you, but please namespace your CSS custom properties, parts, and possibly states in your web components (ie - `--button-border`, `:state(button-active)`, `::part(button-base)`).
This is really important for a few reasons:
This is really important for a few reasons:
November 12, 2025 at 3:12 AM
I know this may not be a popular opinion for some of you, but please namespace your CSS custom properties, parts, and possibly states in your web components (ie - `--button-border`, `:state(button-active)`, `::part(button-base)`).
This is really important for a few reasons:
This is really important for a few reasons:
I've been having fun playing with the Ubuntu distros for a Linux desktop environment, but found myself running the same scripts every time I set one up. So, I decided to create a script to simplify things for me. Let me know if you think I missed anything.
#wevdev #linux
github.com/break-stuff/...
#wevdev #linux
github.com/break-stuff/...
GitHub - break-stuff/punk_os: Quickly set up your Ubuntu-based Linux desktop dev environment.
Quickly set up your Ubuntu-based Linux desktop dev environment. - break-stuff/punk_os
github.com
November 3, 2025 at 12:41 PM
I've been having fun playing with the Ubuntu distros for a Linux desktop environment, but found myself running the same scripts every time I set one up. So, I decided to create a script to simplify things for me. Let me know if you think I missed anything.
#wevdev #linux
github.com/break-stuff/...
#wevdev #linux
github.com/break-stuff/...
Today I learned about "fnm" - a Rust-based "nvm" alternative for switching between multiple versions of Node.js.
#webdev #javascript #programmer
github.com/Schniz/fnm
#webdev #javascript #programmer
github.com/Schniz/fnm
GitHub - Schniz/fnm: 🚀 Fast and simple Node.js version manager, built in Rust
🚀 Fast and simple Node.js version manager, built in Rust - Schniz/fnm
github.com
October 30, 2025 at 6:55 PM
Today I learned about "fnm" - a Rust-based "nvm" alternative for switching between multiple versions of Node.js.
#webdev #javascript #programmer
github.com/Schniz/fnm
#webdev #javascript #programmer
github.com/Schniz/fnm