Custom elements articles

2/14/2025 • EN

A developer details a Firefox bug where custom elements lose their prototype when moved to an iframe and provides a workaround fix.

custom elements Firefox Iframes Javascript Realm web components

1/26/2022 • EN

A developer shares their experience and challenges creating their first reusable web component for a native sharing button.

css custom properties custom elements shadow dom web components

11/26/2021 • EN

A developer's journey of yak shaving leads to creating <md-block>, a new HTML web component for rendering Markdown content.

custom elements es modules markdown shadow dom web components

5/15/2021 • EN

A technical guide demonstrating how to use the new CSS Container Queries feature within Web Components, including a live bookstore demo.

container queries css custom elements shadow dom web components

9/24/2020 • EN

A critique of Web Components' failure to simplify web development, arguing they became over-engineered and inaccessible.

custom elements developer experience html JavaScript web components

6/12/2019 • EN

A tutorial on integrating Web Components into React, covering props, events, and using a custom hook for seamless integration.

custom elements Frontend React react hooks web components

6/10/2019 • EN

A beginner tutorial on building reusable Web Components (Custom Elements) with HTML, CSS, and JavaScript, featuring a dropdown example.

custom elements html5 JavaScript shadow dom web components

Custom elements Articles