Web Component Lab

Exploring HTML Includes, Shadow DOM, and Cross-Component Styling

Cross-Component Styling with Suppressed Errors

A demonstration of using a custom <html-include> element with a Service Worker to suppress 404 errors for optional files, while enabling basic cross-component styling.

View Project
HTML Includes Screenshot

HTML Includes with Optional Cross-Component Styling

An advanced exploration of HTML includes and Shadow DOM, featuring "half-light.js" to allow global styles to be applied inside shadow roots via custom media queries.

View Project