deck.js
deck.js
- HTML/JS/CSS
- jQuery
Prinzip
<section class="slide">
<h2>deck.js</h2>
<ul>
<li>HTML/JS/CSS</li>
<li>jQuery</li>
<div class="slide">
<li>optional SCSS</li>
<li><a href="teh url">https://github.com/imakewebthings/deck.js</a></li>
<li>Pluginspluginsplugins</li>
</div>
</ul>
</section>
Fallstudie: SVG
- SVG schmeckt wie XML
- HTML riecht entfernt wie XML
- ~> kann man ja mal einbetten
- http://home.heeere.com/tech-deckjs-ext.html
Was tun? Animieren!
- Ein Hintergrund
- Ein Vordergrund
- Hintergrund weg
How to?

- Plugins deck.anim.js, deck.svg.js benutzen
class="slide anim-{show/hide}" data-what="#some_foo"
- Elemente in der SVG entsprechend benennen (Gruppen gut!)
- Profit
Ein bisschen komplexer
Laaaaaangweilig
Zusammenfassung deck.js
- Für Webkennende super!
- Markdown konverter verfügbar
- Gefahr: Verleitet zum Spielen
- SVGs + HTML5 = super