Sign in

Keith Daulton

@keithdaulton.com
94 followers 88 following 93 posts

Engineering Lead of @gitlens.bsky.social. Dad, hubby, musician, designer, explorer of whisk(e)y. 🖤 front end, web components, design systems, open-source

PostsRepliesMedia
Keith Daulton @keithdaulton.com · 25/06/2026
A close family friend is facing a tough situation after leaving an unsafe environment. They need help to cover basic needs like food and bills as they rebuild their lives. Please consider supporting or sharing their story to help them find safety and stability. gofund.me/00569f2f3
gofund.me
Donate to Help a Family Rebuild After Domestic violence, organized by Christie O
State says they are at full capacity. I was an aged out foster kid. I adopted… Christie O needs your support for Help a Family Rebuild After Domestic violence
000
Keith Daulton @keithdaulton.com · 11/04/2026
Different kinds of wagon (or waggin’) hahaha
110
Keith Daulton @keithdaulton.com · 11/04/2026
The Bolder Bolder Bosstones opening
010
Keith Daulton @keithdaulton.com · 11/04/2026
I see your Van and I’ll raise you. Main: Volks Images: Meat Video: Party Music: Band STT: Paddy TTS: Tail
110
Keith Daulton @keithdaulton.com · 11/04/2026
That was super funny. My wife first misread “fragment” as “fragrant” and I nearly died.
0160
Keith Daulton @keithdaulton.com · 27/12/2025
Best not to be standing perpendickular 😉
000
Keith Daulton @keithdaulton.com · 15/11/2025
Delicious… j/k. I use the Bookmark Bar or my family Slack.
000
Reposted by Keith Daulton
Lit @lit.dev · 14/10/2025
Lit is joining @openjsf.org! 🎉 Today at JSConf, The OpenJS Foundation announced Lit is officially joining as an Impact Project! We're beyond excited for this move and look forward to continuing our work to build the open web with OpenJS! Read more on our blog: lit.dev/blog/2025-10...
lit.dev
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!
012140
Reposted by Keith Daulton
Devon Govett @devongovett.me · 14/10/2025
All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line. --tint: green; Modern CSS is amazing! 😲
Screenshot of all the components with various color themes: indigo, blue, green, pink, red, and orange.
213117
Reposted by Keith Daulton
Michael Warren @michaelwarren.dev · 15/10/2025
super excited for @lit.dev to be joining the OpenJS foundation! Kudos to: @justinfagnani.com Steve Orvell @graynorton.bsky.social Kevin Schaaf Peter Burns and any others from the Lit team and community that helped pull it off! Huge and great news for Lit! lit.dev/blog/2025-10...
lit.dev
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!
182
Keith Daulton @keithdaulton.com · 03/10/2025
Recipe: 2 habaneros 1 fresno 2 jalapeños 5 medium-small carrots 2 garlic cloves 4 limes 1/2 cup white vinegar 1 tsp salt 1 1/3 cup water
010
Keith Daulton @keithdaulton.com · 03/10/2025
Made my first hot sauce! Now it needs a name…
130
Keith Daulton @keithdaulton.com · 03/10/2025
Started a new hobby about a month ago, brewing ciders and mead! You be seeing more of this in addition to other foodie stuff I get myself into. I’ve been trying to find more for-fun activities that don’t rely on my laptop.
000
Keith Daulton @keithdaulton.com · 28/08/2025
I think Jacqueline in Ever After said it best “I’m only here for the food”
000
Reposted by Keith Daulton
Schalk Neethling @schalkneethling.com · 27/08/2025
What's coming in CSS? Mixins, Functions, Progress, and more… www.youtube.com/watch?v=ER4A...
youtube.com
What's coming in CSS? Mixins, Functions, Progress, and more…
YouTube video by Winging It
131
Keith Daulton @keithdaulton.com · 22/08/2025
Very much want this
010
Keith Daulton @keithdaulton.com · 17/08/2025
And if you have the API endpoints and contracts, you can stub them with something like Mirage.js
000
Reposted by Keith Daulton
Burton Smith @stuffbreaker.bsky.social · 14/08/2025
I am very excited to announce the alpha release of the #WebComponents Language Server!!!
3316
Reposted by Keith Daulton
JLarky @jlarky.bsky.social · 29/07/2025
wait a goddamn minute!
381
Keith Daulton @keithdaulton.com · 29/07/2025
whoa! anyone know where the docs are for this!?
110
Reposted by Keith Daulton
Justin Fagnani @justinfagnani.com · 25/07/2025
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.
1268
Reposted by Keith Daulton
Cory LaViska @cory.laviska.com · 26/07/2025
“The reason SPAs became the default wasn’t because they were better. It was because, for a while, they were the only way to deliver something that felt fluid – something that didn’t flash white between pages or jank the scroll position.” www.jonoalderson.com/conjecture/i...
jonoalderson.com
It's time for modern CSS to kill the SPA
Native CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.
66412
Reposted by Keith Daulton
Schalk Neethling @schalkneethling.com · 19/07/2025
Can you Syntax Highlight a code snippet on the web without overloading the DOM with a ton of elements wrapped around the tokens? | www.bram.us/2024/02/18/c...
bram.us
Syntax Highlighting code snippets with Prism and the Custom Highlight API
Can you Syntax Highlight a code snippet on the web without overloading the DOM with a ton of <span> elements wrapped around the tokens? Thanks to the Custom Highlight API, you can!
021
Keith Daulton @keithdaulton.com · 20/07/2025
Progress
000
Keith Daulton @keithdaulton.com · 20/07/2025
Gary Numan
010
Keith Daulton @keithdaulton.com · 15/07/2025
Dear IDEs and AI tools, Can you all settle in on one path to mcp.json, so we don’t have to take the same damn config file and copy/paste for each one of you!?
020
Keith Daulton @keithdaulton.com · 24/06/2025
Don't blame Sheryl, all she wanted to do was have some fun.
110
Reposted by Keith Daulton
Codey @ HeroDevs @hero.dev · 23/06/2025
📢 BIG NEWS IF YOU ARE AN OPEN SOURCE MAINTAINER! The HeroDevs Open Source Sustainability Fund is giving $20M to creators shipping secure, high-impact OSS — while we handle legacy. Learn how to apply→ www.herodevs.com/blog-posts/h... #OpenSource #CyberSecurity #EOL #HeroDevs
02411
Keith Daulton @keithdaulton.com · 20/06/2025
To be clear, being solved at scale.
000
Keith Daulton @keithdaulton.com · 20/06/2025
The question is whether it is a solvable problem? If so, it’ll be a multi-billion dollar answer for the person who does.
110
Keith Daulton @keithdaulton.com · 18/06/2025
Tree components are a bear to build, not for the feint of heart.
100
Keith Daulton @keithdaulton.com · 18/06/2025
Building tools for yourself is fun. I built this recently: marketplace.visualstudio.com/items?itemNa... I did use agentic tools to help build some of it and unsure if it helped more than if I just did it all myself, which was one of the drivers for building this extension in the first place.
marketplace.visualstudio.com
Web Component AI Tools - Visual Studio Marketplace
Extension for Visual Studio Code - Supercharge your AI coding assistants with web component information from your workspace and dependencies. Generate accurate component code using your actual custom ...
100
Reposted by Keith Daulton
Keith Cirkel @keithamus.social · 17/06/2025
Okay gang, those who sling HTML, CSS, JS, which _Firefox_ bugs are blocking you? Which features do you think need improving? What new features would you like to see? What work would you prioritise? Big or small, bonus points for linking to a bug (even more for filing bugs then linking them)!
414139
Reposted by Keith Daulton
Keith Cirkel @keithamus.social · 28/05/2025
Hey friends, did you know you can make a modal <dialog> element dismissible by clicking outside (aka light dismiss) by adding `closedby=any` to it. That's it. That's all there is to it. <dialog closedby=any> developer.mozilla.org/en-US/docs/W... Chrome 134+, Firefox 140+, coming soon to Safari.
developer.mozilla.org
HTMLDialogElement: closedBy property - Web APIs | MDN
The closedBy property of the HTMLDialogElement interface indicates the types of user actions that can be used to close the associated <dialog> element. It sets or returns the dialog's closedby attribu...
320342
Keith Daulton @keithdaulton.com · 17/06/2025
CSS support in Import Attributes!
040
Keith Daulton @keithdaulton.com · 14/06/2025
The exponent to someone’s good day 😉
010
Keith Daulton @keithdaulton.com · 14/06/2025
Takes me back college. Better eject the disk from your OS first before removing or it ghosted everything on your disk!
100
Keith Daulton @keithdaulton.com · 13/06/2025
Dude, you f--king rocked it! Impossible to not smile and rock out when this song is playing!
010
Keith Daulton @keithdaulton.com · 13/06/2025
We shipped, its done
010
Keith Daulton @keithdaulton.com · 13/06/2025
I started a little pet project recently, a VS Code extension that discovers Custom Elements Manifests in your workspace and starts a local MCP server that AI assistants can connect to. Features are still very early & rough. Love to hear your feedback! marketplace.visualstudio.com/items?itemNa...
marketplace.visualstudio.com
Web Component AI Tools - Visual Studio Marketplace
Extension for Visual Studio Code - Supercharge your AI coding assistants with web component information from your workspace and dependencies. Generate accurate component code using your actual custom ...
052
Keith Daulton @keithdaulton.com · 13/06/2025
Welp, time to raise the minimum VS Code version in my newly launched extension! This MCP registration is exactly what I need! marketplace.visualstudio.com/items?itemNa...
marketplace.visualstudio.com
Web Component AI Tools - Visual Studio Marketplace
Extension for Visual Studio Code - Supercharge your AI coding assistants with web component information from your workspace and dependencies. Generate accurate component code using your actual custom ...
000
Keith Daulton @keithdaulton.com · 13/06/2025
Sir Duke by Stevie Wonder
020
Keith Daulton @keithdaulton.com · 13/06/2025
Me watching GH Action die cuz it can’t npm install
110
Keith Daulton @keithdaulton.com · 13/06/2025
media.tenor.com
a man in a plaid shirt and tie is typing on a keyboard with flames coming out of it
ALT: a man in a plaid shirt and tie is typing on a keyboard with flames coming out of it
110
Reposted by Keith Daulton
Burton Smith @stuffbreaker.bsky.social · 12/06/2025
If you've never heard of a Custom Elements Manifest, they are an invaluable tool for unlocking tons of capabilities for your #WebComponents. dev.to/stuffbreaker...
dev.to
You Should Be Shipping a Manifest with Your Web Components
Besides your components, the Custom Elements Manifest is the most important thing you can ship in...
032
Keith Daulton @keithdaulton.com · 10/06/2025
Yes! Makes think of the alt-key pattern VS Code has in toolbar actions, where it shows a tooltip for the current action along with a hint towards what secondary action is available if you hold the alt-key. Now imagine the alt-click copies the email to the clipboard.
000
Reposted by Keith Daulton
Jason Pamental @jpamental.bsky.social · 06/06/2025
Going to be talking about curiosity and it's role in design later today at evolvedrupal.com - made a few adjustments since @beyondtellerrand.com and excited to see how folks react
evolvedrupal.com
EvolveDrupal – Connect, Learn & Inspire with the Tech Community
Join EvolveDrupal, the premier summit for digital professionals in the U.S. and Canada. Learn from experts, attend hands-on sessions, and network with industry leaders. Register today!
041
Reposted by Keith Daulton
Rob Eisenberg @eisenbergeffect.com · 05/06/2025
Hey friends! 🚀 I’m running the biggest sale ever on my Web Component Engineering course: 25% off through July 🎉 It’s full of hands-on, flexible training to help you build components, design systems, and apps. Use code SUMMERFUN to get it now! (Link in the follow up.) #webcomponents #frontenddev
A screenshot of the interactive learning app showing 4k video teaching, interactive code, reference and notes, and a portion of the course's table of contents.
131
Keith Daulton @keithdaulton.com · 26/05/2025
@mozilla.org you teased me and only introduced Import Attributes support for JSON. Awesome as JSON support is, I mainly want CSS support 🙏 bugzilla.mozilla.org/show_bug.cgi...
bugzilla.mozilla.org
1720570 - Implement CSS module scripts
NEW (nobody) in Core - DOM: CSS Object Model. Last updated 2025-05-22.
020
Keith Daulton @keithdaulton.com · 18/05/2025
I can’t believe it’s been that long. I was just listening to 4th of July over and over the other day youtu.be/VCZFuQmoJ3M?...
youtu.be
4th Of July
YouTube video by Soundgarden - Topic
020