How (and why) to use shadow DOM, now that the declarative syntax is here.| mayank.co
Shadow DOM displays its contents by default while hidding the original tag children. Can this be reversed? What kind of possibilities does it offer us if it does?| hugodaniel.com
An important aspect of custom elements is encapsulation, because a custom element, by definition, is a piece of reusable functionality: it might be dropped into any web page and be expected to work. So it's important that code running in the page should not be able to accidentally break a custom element by modifying its internal implementation. Shadow DOM enables you to attach a DOM tree to an element, and have the internals of this tree hidden from JavaScript and CSS running in the page.| MDN Web Docs
I want to introduce you to a new, experimental form control called selectmenu, including how much easier it is to style than a traditional element.| CSS-Tricks