The CX series lighting boards are simple and flexible making them suitable for small theaters, musician stage performances and rental inventory. These provide the easiest way to control several dimming channels using DMX. Specifications:

Light dommeaning

When our Web Component JavaScript instantiates, it renders into a , and a [role="status"] element that displays how many times the has been clicked…

Light DOMvs ShadowDOM

For the last few weeks, I’ve been complaining about the shadow DOM. As much as I think it’s an anti-pattern, there are some times where the shadow DOM can be situationally useful.

Next, we’ll create a button element, assign it to a property, and give it some text. We’ll also create a div, give a role of status, and give it some text.

I’m not sure this is a real concern in most apps, but I could see it being the kind of thing that could happen with third-party embedded widgets.

Light DOMLWC

Users can click it as many times as they want. The component will keep track of it, and update the text. But the user will never see it.

If you have default button styles in your CSS, you don’t even need to do anything special here. The Web Component will just pick up those global styles.

Here, encapsulating just the stuff you don’t want users to mess with in the shadow DOM might be a way to prevent that from happening.

Hate the complexity of modern front‑end web development? I send out a short email each weekday on how to build a simpler, more resilient web. Join over 15k others.