A technical exploration of styling the native HTML <dialog> element to function as a fly-out sidebar, overriding default browser styles.
Introduces a polyfill for the new native HTML switch element, enabling cross-browser support with accessibility features.
Explains the correct usage of the 'super' keyword in JavaScript custom elements, clarifying common misconceptions about constructor calls and inheritance.
A technical guide on dynamically loading and defining custom web elements using JavaScript, focusing on naming conventions and modular architecture.
![FFConf 2025 [blog]](https://alldevblogs.blob.core.windows.net/thumbs/article-0b185026a48f-full-8555744b.webp)
A personal reflection on the talks and themes at FFConf 2025, covering diversity, privacy, web components, and AI in web development.
Using data-* attributes to expose internal state for stable, declarative testing of web components, avoiding brittle shadow DOM selectors.
A satirical guide to simulating AI text generation using Web Components and CSS animations, without actual AI.
![Syntax Highlighting in Web Component Templates [blog]](https://alldevblogs.blob.core.windows.net/thumbs/article-cc25aac40488-full-b7094e36.webp)
A guide to enabling syntax highlighting and Prettier formatting for HTML templates inside JavaScript web components using a specific VS Code comment.
A technical guide on implementing a copy-to-clipboard button using Web Awesome and Eleventy, covering bundling and progressive enhancement.
A developer rants about building accessible web components while creating open-source components to display Bluesky likes using its open API.
A developer discovers a consistent bug in how browser DevTools interpret Shadow DOM CSS specificity, particularly with the :host selector and !important rules.
A developer details a Firefox bug where custom elements lose their prototype when moved to an iframe and provides a workaround fix.
Introducing style-observer, a JavaScript library to detect and respond to CSS property changes, including custom properties.
Schedule of public tech talks and workshops on frontend development, JavaScript, and web standards for the first half of 2025.
A Web Component to embed and display Bluesky post replies with customizable templates using the public Bluesky API.
Introduces a Web Component that exposes audio/video duration as a CSS custom property for syncing CSS animations.
A Web Component for embedding Bluesky posts with metadata like replies, reposts, and likes, using the public Bluesky API.
A discussion on the proposed behavior and limitations of the new <selectedoption> element for styling HTML select elements.
A developer advocate shares insights and resources from his conference talk on Web Components, focusing on their role in design systems.
A defense of Web Components, explaining their differences from JavaScript frameworks and why their long-term, standards-based approach is valuable.
