web components

7
Web Components The Reusable Web

Upload: loc-nguyen

Post on 04-Aug-2015

127 views

Category:

Engineering


1 download

TRANSCRIPT

Page 1: Web Components

Web ComponentsThe Reusable Web

Page 2: Web Components

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.”

Page 3: Web Components

Lack of encapsulation leads to anger, anger leads to hate, hate leads to...suffering

<iframe /><iframe />

Page 4: Web Components

HTML Templates

Shadow DOM

Custom Elements

HTML Imports

Page 5: Web Components
Page 6: Web Components

<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>

Page 7: Web Components

The rabbit holewebcomponentshift.com

http://www.youtube.com/watch?v=fqULJBBEVQE

html5rocks.com

polymer-project.org

css-tricks.com/modular-future-web-components