A developer rants about building accessible web components while creating open-source components to display Bluesky likes using its open API.
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 discussion on the proposed behavior and limitations of the new <selectedoption> element for styling HTML select elements.
A defense of Web Components, explaining their differences from JavaScript frameworks and why their long-term, standards-based approach is valuable.
A developer shares their new role at Font Awesome, focusing on Web Awesome and improving web UI development with web components and CSS.
Exploring current CSS hacks for conditionals before the official if() function arrives, discussing trade-offs between developer convenience and user needs.
A developer explores using LightDOM to solve styling challenges in Web Components and releases an npm package for a native sharing button.
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.
A developer shares their experience and challenges creating their first reusable web component for a native sharing button.
A developer's journey of yak shaving leads to creating <md-block>, a new HTML web component for rendering Markdown content.
Explores 3+1 strategies for setting default values in CSS custom properties to create reusable, customizable components.
A technical guide demonstrating how to use the new CSS Container Queries feature within Web Components, including a live bookstore demo.
A critique of Web Components' failure to simplify web development, arguing they became over-engineered and inaccessible.
A tutorial on integrating Web Components into React, covering props, events, and using a custom hook for seamless integration.
![Web Components Tutorial for Beginners [2019]](https://alldevblogs.blob.core.windows.net/thumbs/article-65ab5c46ab59-full-406defbc.webp)
A beginner tutorial on building reusable Web Components (Custom Elements) with HTML, CSS, and JavaScript, featuring a dropdown example.
Explores current limitations in web development that cannot be solved client-side, including templating, localization, screen capture, and accessing POST data.
