• Describes how to approach site design and development • No GitHub repo, not a library, not a framework, no tools • Techniques can be applied to static CSS, Sass, React, Web Components, etc.
// Creates a MediaObjectElement class // that extends HTMLElement. class MediaObjectElement extends HTMLElement { createdCallback() { var shadowRoot = this.createShadowRoot(); shadowRoot.innerHTML = 'Shadow DOM contents...'; } } // Registers the `` element for use. document.registerElement('custom-element', MediaObjectElement);
• Likely a year before all browsers support everything. • JavaScript Dependent • Phillip Walton’s Talk on Modular CSS with Web Components http://snk.ms/27