Keith Daulton's Avatar

Keith Daulton

@keithdaulton.com

Tech lead of @gitlens.bsky.social. Dad, hubby, musician, designer, explorer of whisk(e)y. πŸ–€ front end, web components, design systems, open-source

96
Followers
88
Following
88
Posts
07.11.2024
Joined
Posts Following

Latest posts by Keith Daulton @keithdaulton.com

Best not to be standing perpendickular πŸ˜‰

27.12.2025 20:48 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Delicious… j/k.

I use the Bookmark Bar or my family Slack.

15.11.2025 11:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Lit is Joining the OpenJS Foundation! Lit is officially joining the OpenJS Foundation as an Impact Project!

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

14.10.2025 13:35 πŸ‘ 120 πŸ” 40 πŸ’¬ 0 πŸ“Œ 1
Screenshot of all the components with various color themes: indigo, blue, green, pink, red, and orange.

Screenshot of all the components with various color themes: indigo, blue, green, pink, red, and orange.

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

14.10.2025 22:49 πŸ‘ 131 πŸ” 17 πŸ’¬ 2 πŸ“Œ 1
Preview
Lit is Joining the OpenJS Foundation! Lit is officially joining the OpenJS Foundation as an Impact Project!

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

15.10.2025 14:40 πŸ‘ 8 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

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

03.10.2025 04:34 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

Made my first hot sauce! Now it needs a name…

03.10.2025 04:32 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 1
Post image Post image

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.

03.10.2025 04:23 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I think Jacqueline in Ever After said it best β€œI’m only here for the food”

28.08.2025 04:06 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
What's coming in CSS? Mixins, Functions, Progress, and more…
What's coming in CSS? Mixins, Functions, Progress, and more… YouTube video by Winging It

What's coming in CSS? Mixins, Functions, Progress, and more… www.youtube.com/watch?v=ER4A...

27.08.2025 18:00 πŸ‘ 3 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0

Very much want this

22.08.2025 11:44 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

And if you have the API endpoints and contracts, you can stub them with something like Mirage.js

17.08.2025 05:23 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

I am very excited to announce the alpha release of the #WebComponents Language Server!!!

14.08.2025 14:51 πŸ‘ 31 πŸ” 6 πŸ’¬ 3 πŸ“Œ 1
Post image

wait a goddamn minute!

29.07.2025 16:56 πŸ‘ 8 πŸ” 1 πŸ’¬ 3 πŸ“Œ 0

whoa! anyone know where the docs are for this!?

29.07.2025 17:42 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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.

25.07.2025 18:37 πŸ‘ 26 πŸ” 8 πŸ’¬ 1 πŸ“Œ 1
Preview
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.

β€œ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...

26.07.2025 01:13 πŸ‘ 64 πŸ” 12 πŸ’¬ 6 πŸ“Œ 2
Preview
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!

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

19.07.2025 14:21 πŸ‘ 2 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Progress

20.07.2025 00:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Gary Numan

20.07.2025 00:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

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

15.07.2025 14:34 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Don't blame Sheryl, all she wanted to do was have some fun.

24.06.2025 03:32 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

πŸ“’ 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

23.06.2025 20:19 πŸ‘ 24 πŸ” 11 πŸ’¬ 0 πŸ“Œ 2

To be clear, being solved at scale.

20.06.2025 17:21 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

The question is whether it is a solvable problem? If so, it’ll be a multi-billion dollar answer for the person who does.

20.06.2025 17:19 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Tree components are a bear to build, not for the feint of heart.

18.06.2025 21:54 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
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 ...

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.

18.06.2025 18:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

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

17.06.2025 17:24 πŸ‘ 41 πŸ” 39 πŸ’¬ 41 πŸ“Œ 2
Preview
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...

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.

28.05.2025 14:46 πŸ‘ 203 πŸ” 42 πŸ’¬ 3 πŸ“Œ 0

CSS support in Import Attributes!

17.06.2025 20:38 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0