Advanced Frontends.com - Page 2 of 2 - Innovation for the Modern Web

Image of two ropes tied or concatenated together

How to concatenate files using Rollup

This code defines a Rollup plugin called rollup-plugin-concat to concatenate multiple files into a single output file. It has been built into […]

Find all focusable elements in document including those in any Shadow DOMS, that are also visible

JavaScript, HTML

Find all focusable elements in a document including all Shadow DOM’s

This article illustrates the process of locating all focusable elements, even if they are within nested Shadow DOM. Additionally, it provides guidance on filtering specifically for elements that are both focusable and visible.

JavaScript, Architecture, HTML

How to decouple custom elements with versioning

Custom elements offer many advantages, but they have a significant downside: versioning. Since custom elements are defined globally, if multiple micro frontends […]

JavaScript, HTML

How to use named anchors with the Shadow DOM

Using named anchors to navigate to specific sections of a page is a simple concept, but it can become more complicated when dealing with shadow DOM. Fortunately, this article presents a solution to this problem.

JavaScript, HTML

How to capture Shadow DOM events

Shadow DOM events behave differently to traditional events. Under normal circumstances, when an event is captured the e.target will contain a reference […]