Keith Daulton

wait a goddamn minute!

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

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.

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

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

Progress

Gary Numan

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

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

📢 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

To be clear, being solved at scale.

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

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

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.

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

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.

CSS support in Import Attributes!

The exponent to someone’s good day 😉

Takes me back college. Better eject the disk from your OS first before removing or it ghosted everything on your disk!

Dude, you f--king rocked it!

Impossible to not smile and rock out when this song is playing!

We shipped, its done

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

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

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

Sir Duke by Stevie Wonder

Me watching GH Action die cuz it can’t npm install

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

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

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.

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!

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

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.

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