What’s the best way to use CDN libraries during offline development?
I'm getting back into front-end development after several years away and am catching up on current workflows. My project uses a few libraries delivered from CDNs, including Lit…
Web Components
What’s the best way to use CDN dependencies during offline development?
I'm getting back into front-end development after several years away and am currently using libraries such as Lit and Shoelace from CDNs. My project is mostly vanilla JavaScript…
What’s a well-maintained vanilla JavaScript datepicker with accessibility and range support?
I'm looking for a datepicker for a vanilla JavaScript project, but finding one that meets modern requirements has been surprisingly difficult. Native date inputs and input masks don't…
How to Handle Shadow DOM in a Chrome Extension?
I was recently tasked by my boss to create a Chrome extension that detects when a toast notification appears in a call center application, and then plays a…
Navigating Shadow DOM in a Chrome Extension
I was tasked with creating a simple Chrome extension that detects when a toast notification appears in a call center application we use and plays a sound through…
Seeking Feedback on a New Protocol for Reactive Web Component Properties
I've created a small protocol aimed at exposing reactive properties in Web Components that works across different frameworks. The basic idea is simple: components declare their bindable properties…
Is Lit a Good Choice for Building Web Components?
I'm looking for some advice as my team transitions into developing a reactive web component for a project that needs to integrate with various web platforms like Laravel…
How to Optimize My Web UI Library for Performance?
I'm developing a Web UI library inspired by Material Design and GNOME's Adwaita, aiming for it to be lightweight and super fast with no layout shifts and minimal…
Why Do We Need to Use super() in Web Components?
I've always been fascinated by web components, but there's one thing I keep wondering about. When I define a component like this: `class hedgehog extends HTMLElement`, it clearly…
What's the best way to unify the UI across multiple frameworks?
I'm working on two web applications for a client: one is built with React and the other combines Vue and Angular. Honestly, both of them have significant UI…
How to Add a Button and Modal to My Existing Website?
I have a website that includes multiple grid elements built with HTML, CSS, and JavaScript. I've also created a button and modal separately, which have their own HTML,…
Pros and Cons of Using Web Components with Lit-Element for a Large SPA
We're in the process of rewriting our AngularJS Single Page Application (SPA) and while we could go for any major framework, I'm particularly interested in the advantages and…