Clean, consistent, and secure code is essential—especially in modern web applications where performance, accessibility, and maintainability intersect. With ESLint’s flat config now […]
Read more
Content Security Policy (CSP) stands as an essential element in bolstering the security of web applications. In this article, I will demonstrate different approaches for harnessing ESLint to proactively identify common programming patterns that can lead to CSP breaches.
Read more
Content Security Policy (CSP) is a crucial component for securing web applications. One common practice is to disallow the use of the ‘setAttribute(“style”, …)’ command, which can introduce security vulnerabilities.
In this article, I’ll guide you through the process of creating an Eslint rule to detect and prevent it’s use.
Read more
The article will demonstrate a technique to separate lit-html code, typically housed within the render method, into an external .html file.
Read more
This code defines a Rollup plugin called rollup-plugin-concat to concatenate multiple files into a single output file. It has been built into […]
Read more
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.
Read more
Custom elements offer many advantages, but they have a significant downside: versioning. Since custom elements are defined globally, if multiple micro frontends […]
Read more
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.
Read more
Shadow DOM events behave differently to traditional events. Under normal circumstances, when an event is captured the e.target will contain a reference […]
Read more