Tessera
Folgen

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

93 Posts94 Follower88 Folgt
Keith Daulton@keithdaulton.com · 2mo ago

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

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

gofund.me

Devon Govett@devongovett.me · 10mo ago

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.
Keith Daulton@keithdaulton.com · 11mo ago

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.

BildBild
Justin Fagnani@justinfagnani.com · last yr.

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.

Cory LaViska@cory.laviska.com · last yr.

“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...

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.

jonoalderson.com

Keith Cirkel@keithamus.social · last yr.

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 Cirkel@keithamus.social · last yr.

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.

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...

developer.mozilla.org

Keith Daulton@keithdaulton.com · last yr.

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...

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 ...

marketplace.visualstudio.com

Nicholas C. Zakas@humanwhocodes.com · last yr.

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.