Web Components enable developers to define reusable widgets with richer visuals and interactivity compared to CSS alone, and improved reusability compared to script libraries. They consist of custom elements, templates, shadow DOM, and imports which allow encapsulation and modularization of web components. Web Components aim to provide a reusable and modular future for the web.

1. Web Components
The Reusable Web

2. Web Components enable Web application authors to
define widgets with a level of visual richness and
interactivity not possible with CSS alone, and ease of
composition and reuse not possible with script libraries
today.”
“

3. Lack of encapsulation leads to anger, anger
leads to hate, hate leads to...suffering
<iframe /><iframe />

4. HTML Templates
Shadow DOM
Custom Elements
HTML Imports

6. <signnow-signature api="sn-appliance.com/api">
<signed-date>1386872876149</signed-date>
<role-name>POTUS</role-name>
<signature-images>
<signature src="sn-appliance.com/sigs/barack1.jpg" />
<signature src="sn-appliance.com/sigs/barack2.jpg" selected />
</signature-images>
</signnow-signature>

7. The rabbit hole
webcomponentshift.com
http://www.youtube.com/watch?v=fqULJBBEVQE
html5rocks.com
polymer-project.org
css-tricks.com/modular-future-web-components