A guide to resolving compatibility issues between HTMX and Shoelace web components, with a focus on Shadow DOM and event handling.
A guide to integrating the Shoelace Web Components library with ASP.NET Core Razor Pages and TagHelpers for reusable, framework-agnostic UI.
Introduces a Web Component for embedding Mastodon posts with metadata like replies, boosts, and favorites on a webpage.
Explains HTML Web Components, a technique to enhance existing HTML with JavaScript, and demonstrates their use in ASP.NET Core applications.
Introduces a Web Component for previewing audio/video files uploaded via an HTML input element, improving user experience.
Introduces a Web Component for controlling audio/video playback with a simple, stylable button, solving cross-browser styling issues.
Introduces storage-form, a Web Component that connects HTML forms to browser localStorage for data persistence.
Introducing the is-playing Web Component, a tool to detect and style playing audio/video elements using CSS selectors and attributes.
An open-source GitHub template for quickly creating and deploying new Web Components with npm and demo files.
Introducing a Web Component that creates a native OS sharing button from a standard HTML button element.
A technical guide on using CSS @property within Lit web components, including a workaround for shadow DOM limitations.
A guide to creating dynamic DOM element references within loops in lit.dev templates for animations.
A technical guide on how to select and control running/paused Web Animations API (WAAPI) animations within Lit web components.
A guide to packaging and bundling web components for distribution using Webpack, including configuration and dependencies.
A developer explores using LightDOM to solve styling challenges in Web Components and releases an npm package for a native sharing button.
A tutorial on creating a free, customizable verification checkmark web component using JavaScript and SVG, inspired by Twitter's paid verification.
Analyzes why Web Components are often overlooked by frontend developers in favor of frameworks like React, citing ergonomic and tooling challenges.
Explains how to pass and retrieve context in Lit Web Components using getRootNode() and a utility function for ancestor traversal.
Exploring the creation of a web component for star ratings, comparing approaches to HTML's <meter> element and addressing styling and editability.
Exploring the best HTML and ARIA patterns for accessible button groups, comparing radio buttons vs. buttons with aria-pressed based on expert advice.
