InautiloNov 18

#Development #Guides
Easier than expected · Testing HTML light DOM web components https://ilo.im/168ims

_____
#Testing #HtmlWebComponents #WebComponents #LightDOM #ShadowDOM #Accessibility #WebDev #Frontend #HTML #JavaScript

Testing HTML Light DOM Web Components: Easier Than Expected!

Testing HTML Light DOM web components wasn't so scary after all. Some testing notes and patterns from a recent project.

Cloud Four
InautiloSep 25

#Development #Approaches
Structuring web components · Preserving semantics and browser features https://ilo.im/166zdd

_____
#SemanticHTML #Accessibility #Browser #WebComponents #HtmlWebComponents #DOM #ShadowDOM #WebDev #Frontend #HTML

Structuring web components to preserve semantics and browser features

InautiloSep 9, 2025

#Development #Launches
Reciprocate · Make your HTML web components reactive https://ilo.im/166q0q

_____
#HtmlWebComponents #WebComponents #Reactivity #Library #Framework #WebDev #Frontend #HTML #JavaScript

Announcing Reciprocate, a Sweet Solution for Making Your HTML Web Components Reactive

A new helper utility for adding signal-based reactivity and attribute/property reflection to any vanilla custom element class.

That HTML Blog
Dave LetoreyMay 9, 2024
Woot Woot #progressiveEnhancement #HTMLWebComponents #11ty #11tyconf @cferdinandi
Matthew PhillipsJan 7, 2024

Proof-of-concept for a HTML-driven state container idea: https://codepen.io/matthewp/pen/BabKPoe?editors=1010

Want to play around with more non-UI, logical web component ideas. #webcomponents #htmlwebcomponents #customelements

Custom element logic container

...