Fun-loving coder and speaker. I love #webdevelopment, #webcomponents, and #designsystems. Creator of the WC Toolkit. I work @zocdoc.
- Tweets 1,770
- Following 311
- Followers 397
- Likes 3,083
Lately, I've been exploring CSS-only custom elements. They're pretty rad!
#html #css #webcomponents
dev.to/stuffbreaker/css-only…
2
3
176
In case you didn't read to the bottom, the CEM Generator supports these, so you can generate docs and framework integrations for these with the rest of your other web components. 🤘
cem-generator.wc-toolkit.com…
25
Someone asked what I think a Custom Elements Manifest generator should look like.
Here's my first pass at it. The goal was to make it lightweight and easy to use.
It's still in the early stages, but let me know what you think.
#WebComponents
cem-generator.wc-toolkit.com…
1
72
Why did I discover this at the beginning of my 8 hour flight???
Now I won't be able to think about anything else...
92
🌶️ HOT TAKE! 🌶️
Figma is not a very good source of truth for your design tokens.
The limitations in types and the way features are implemented make it difficult to capture common tokens like line heights and shadows.
#DesignSystems
1
90
I love making fun/nerdy projects for myself. Sometimes when I think it's nerdy enough, I like to share it.
Get ready for something nerdy...
#WebComponents
1
4
101
Anyone coming to #kcdc2026 next week???
I'll be nerding-out in a session about design tokens and design systems if anyone wants to join.
2
2
288
Does anyone know if there's a way to support relative units (1.5) or percent based (150%) line heights in @figma variables?
#DesignSystems
2
1
118
The #WebComponents type parser just got upgrades!
- Imported type aliases now resolve via the AST and TypeScript type checker instead of by name string - fixing collisions and types from node_modules
- New options: maxParseDepth and maxParseProperties for deep or large types
1
3
1,203
How do I get on this magical list to get @github Copilot for free as an #OpenSource maintainer?
docs.github.com/en/copilot/h…
76
I'm excited to announce WC Toolkit's new CEM Analyzer Plugin for Vite, Rollup, Rolldown, or Webpack builds.
✅ Auto-runs on build
🔁 Reruns on file changes
🔧 Zero config — auto-discovers your CEM config file
#WebComponents #webdev #frontend #javascript
wc-toolkit.com/cem-utilities…
1
1
61
Some new things have rolled out recently in the #WebComponents helpers for @storybookjs:
- added storybookHelpersReloader utility for automatic CEM watching & reloads
- added per-story #CSS scoping via useScopedStyles
- bug fixes
#webdev #javascript
wc-toolkit.com/integrations/…
40
A trend I have been noticing more and more in #DesignSystems is creating opinionated CSS resets.
I love it! It makes your app feel themed without ever having to touch a component.
#webdev #css #frontend
dev.to/stuffbreaker/enhance-…
1
42
Nothing like a lively conversation about whether links should be styled as buttons and vice versa.
#DesignSystems #WebDev
1
33
I'm excited to announce the new WC Toolkit #WebComponents type generator for @vuejs! This provides inline documentation, autocomplete, and API validation.
wc-toolkit.com/integrations/…
1
29