Bruce B Anderson

@bahrus
53 Followers
94 Following
2.2K Posts
You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:
MSEdgeExplainers/PlatformProvidedMixins/explainer.md at main · MicrosoftEdge/MSEdgeExplainers

Home for explainer documents originated by the Microsoft Edge team - MicrosoftEdge/MSEdgeExplainers

GitHub
Winter Olympics, spread across north Italy, open with Milanese flair

The Opening Ceremonies of the 2026 Winter Olympics will have four simultaneous events in four locations marking what organizers say is the most spread out Games in history.

The Washington Post

A production-ready web component starter template. @Aaron presents a GitHub template with a setup wizard, flexible import options, Vitest and Happy DOM testing, ESLint and Prettier, GitHub Actions CI, and secure npm publishing, plus docs on custom element best practices. #webcomponents #js #tools

https://www.aaron-gustafson.com/notebook/a-web-component-starter-template/

It should be PicoMPA, instead i named my tiny #progressive #enhancement tools/lib #PicoSPA.
It provides the small functions I use day in and day out on various sites to make an #MPA feel more like an app (or an #SPA).

The latest addition is: nothing.

It is just the smallest polyfill for the `navigate` event, that is loaded when needed, since not all browsers support it.
https://picossg.dev/tools/picospa/navigation.html 👈🏻

`navigation.addEventListener('navigate', ...`
read ☝️ how to pimp an MPA with it.

#useThePlatform

Navigation

Готовый к продакшену стартовый шаблон для веб-компонентов. Аарон Густафсон собрал репозиторий с мастером настройки, вариантами импорта и регистрации, тестами на Vitest и Happy DOM, ESLint и Prettier, CI в GitHub Actions, а также с безопасной публикацией в npm и заметками по лучшим практикам для кастомных элементов. #webcomponents #js #tools

https://www.aaron-gustafson.com/notebook/a-web-component-starter-template/

When a political leader says that only his own morality can stop him, he is rejecting the very foundations of democracy. In democratic systems, power is limited by laws, constitutions, courts and institutions — not by personal judgment.

History shows that when leaders place themselves above legal and institutional constraints, accountability disappears and abuse of power follows.

This kind of language is a warning signal: democracy survives only when leaders accept that no one is above the law

My HTML Web Component boilerplate for 2026

My digital garden has an entire section with copy/paste code snippets and boilerplates. I use these nearly every day when writing code. It helps me start working faster, and saves me from having to rewrite the same code over-and-over again. I created web component boilerplate years ago. Since then, my approach to writing web component has changed quite a bit. I just updated the boilerplate, adding everything I’ve learned from working on Kelp UI.

All the demos in my videos are done in the browser - honesty is important here. I want it to be real. When you're demonstrating something in the web platform, why fake it? It shows a lack of confidence in the product.

Need a little custom web component for drawing bounding box annotations on your pigs and chickens? It's your lucky day:

https://github.com/PaulCampbell/bounding-boxes-component

#webcomponents #webdev

GitHub - PaulCampbell/bounding-boxes-component: custom web component for annotating images with bounding boxes

custom web component for annotating images with bounding boxes - PaulCampbell/bounding-boxes-component

GitHub