Keith Daulton

Keith Daulton

@keithdaulton.com

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

95 followers88 following93 posts

Pinned

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.comWeb Component AI Tools - Visual Studio MarketplaceExtension 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 ...

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.meDonate to Help a Family Rebuild After Domestic violence, organized by Christie OState 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

The Bolder Bolder Bosstones opening

Adam Argyle@nerdy.dev

Flogging Margins With The Dropcap Murphys with guests @davatron5000.bsky.social and @chriscoyier.net ™️ Brand Truth vs Brand Slop 🔫 One-Shot Apps 🧑‍🎨 CSS in the Age of AI 🪾 Context Rot 🧛🏻‍♂️ Energy Vampires & AI Brain Fry 🥃 Whiskey & whatnot ⤷ nerdy.dev/www-ep239-fl... @whiskey.fm #agentic #webdev

Keith Daulton reposted

Replying to @devongovett.me

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

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.

Keith Daulton reposted

Replying to @justinfagnani.com

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.

Keith Daulton reposted

“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.comIt's time for modern CSS to kill the SPANative CSS transitions have quietly killed the strongest argument for client-side routing. Yet people keep building terrible apps instead of performant websites.

Keith Daulton reposted

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

Keith Daulton reposted

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.orgHTMLDialogElement: closedBy property - Web APIs | MDNThe 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...

Keith Daulton reposted

Keith Daulton reposted

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

Yes! Now I can finally author plain CSS for my web components!!

Stefan Judis@stefanjudis.com

It was about time, wasn't it? 😅 👇 But now, with Firefox 138 all major browser engines support import attributes to import JSON from within your ECMAScript modules. 👇 ✅ Chromium: 123+ ✅ Safari: 17.2+ ✅ Firefox: 138+ (released 2w ago) PS. This syntax works in modern Node.js, too!

Keith Daulton reposted

When you file an open source issue and the maintainer asks for more information, please just give it rather than saying you already included all the info. We wouldn't ask if we had everything we needed.

Keith Daulton reposted

Keith Daulton reposted

Y'ALL. Portable HTML Web Components are fucking cracked. It looks like they are **faster** than the fastest Vanilla JS implementation in the JS Framework Benchmark. I literally reran the benchmark 5 times because I didn't believe it, but every single time they came in first place 🤯

Keith Daulton reposted

The idea of web component “overhead” is overblown — to even my own surprise! Rendering 1000s of nested WCs is *more* than competitive with the heavyweight champs of the web framework world. We’re talking S/S+ tier perf depending on the initialization method. Cont…

Keith Daulton reposted

attr() is getting an upgrade! Starting in Chrome 133 (stable rollout happening this month), you'll be able to access attributes in CSS as typed values beyond strings.

Keith Daulton reposted

Design docs tell. Hacking throwaway code shows. One of the hardest engineering muscles to develop is to throwaway implementations. But if you get there, hacking throwaway, draft PRs works far more efficient than design docs as a "design" process. softwaredoug.com/blog/2024/12...

softwaredoug.comCode speaks louder than design docsIf you have discipline to throw away your first idea, draft, throwaway PRs often drives more progress than a design doc.

Keith Daulton reposted

"It's written in Rust" is not a feature of your app. "It's blazing fast" is a hollow claim that makes me doubt it. Please stop putting these things on your homepage. Please show me why your tool/app/whatever makes my work easier/cheaper/faster-to-iterate.

A long overdue jam along with Spotify to some songs I used to play with my “band” in college. To remain authentic to my college days, I’m drinking a bourbon and coke.

Keith Daulton reposted

Augment is free for open source contributors and maintainers. 🎉 Augment’s deep codebase understanding tears down some of the biggest pains for working on open-source projects– the context you need to contribute and the help you need to make quality PRs. Sign up at augmentcode.com/opensource

Keith Daulton reposted

One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect. When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes. ✨ I share the secret sauce in my brand-new post:

joshwcomeau.comNext-level frosted glass with backdrop-filter • Josh W. ComeauGlassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...

Finally took the time to look into why my website hero image is whacked in iOS Safari. Turns out `background-attachment: fixed;` isn't supported in mobile 🤦‍♂️ Decided to just `background-attachment: initial` in that case. Not nice, but certainly not as ugly as what iOS Safari was doing with `fixed`

Keith Daulton reposted

Things you forgot (or never knew) because of React joshcollinsworth.com/blog/antiqua... This is a very good post that's worth your time to read. It has a good blend of history, valid criticism, credit-where-credit-is-due, and a fresh look at current front-end technologies.

joshcollinsworth.comThings you forgot (or never knew) because of ReactIf you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.