Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.
For the best experience please use the latest Chrome, Safari or Firefox browser.
web components
and
the shadow dom
Reusable encapsulated components for the web
DRY
native, no js!
share
mod
control &
encapsulate
WAT?
HOW?
the shadow dom
...HOW? (aka HOW2)
<element extends="div" is="x-nyandiv">
<template>
<img src="http://www.nyan.cat/cats/skrillex.gif"
alt="wub">
</img>
<content select=".interesting_but_badly_formatted"></content>
</template>
</element>
<div is="x-nyandiv">
<p class="interesting_but_badly_formatted"> blah blah blah </p>
<img class="baby_photos_on_facebook" src="faceamothercouldlove.jpg">
</img>
<div>
+@dglaskov
+webcomponents
then you should try
impress.js*
It's a presentation tool
inspired by the idea behind prezi.com
and based on the power of CSS3 transforms and transitions in modern browsers.
visualize your big thoughts
by positioning, rotating and scaling them on an infinite canvas
the only limit is your imagination
have you noticed it's in 3D*?