sonjakao/webcomponents-sketchbook

A collection of Web Components examples & sketches

Web Components Sketchbook

This sketchbook is meant to be a place to progressively experiment with Web Components. Many examples build upon one another and are coupled with blog posts.

Many thanks go to Eric Bidelman and all the work he's done to help educate folks about Web Components. Checkout his resource guide and be sure to read all of his HTML5 Rocks posts.

Blog Posts

HTML Imports

• Exploring HTML Imports

Shadow DOM

• Shadow DOM: Introduction
• Shadow DOM: The Basics
• Shadow DOM: Styles
• Shadow DOM: Styles (cont.)
• Shadow DOM: JavaScript

Templates

• HTML's New Template Tag by @ebidel

Custom Elements

• [Custom Elements](Defining New Elements in HTML) by @ebidel