Getting started with deck.js:
clone extension
use right arrow to move on

“clone”: let's get cloned

Clone your view!
- NB: the browser will probably open a new tab
- clone your view by typing 'c'
  (in local, show how to tell firefox to not block the popup)
- detach your tab (drag it out of the browser)
- go to the main view and hit the right arrow

“clone”: Propagation

Slide events are propagated to clone(s)
- from master to clone(s), and vice versa
- try left/right arrows
- try up arrow (with the “step” extension)
Mouse pointer is replicated
- try to move your mouse (on the master)
- try also to click
- default pointer: red circles
- possible custom style using HTML+CSS

“timekeeper”: features

timekeeper: enriches the presenter view
- current time
- presentation timer
- time elapsed since last bang!
- logs of events (click the timer)
Reseting timers
- Mark an instant, Bang!: ESCAPE
- Reset main timer: SHIFT+ESCAPE
- NB: presentations from a “site” share the timer

Digging Deeper

If you want to learn more, you can:

View this page source (Ctrl+U?)
See other demos
- “fit”: autoscaling slides
- “simplemath”: easy equations
- “step”: (low-level) by-slide vs by-animation navigation
- “anim”: animations!
- “svg”: SVG image inclusion and animation
- “smartsyntax”: easy, concise syntax for slides
- “metadata”: use HTML metadata in your slides
- “progress”: show fancy progress indicators
- “various”: other stuffs
see my page on deck.js and/or contact me

1 / 8

Bang!

select all

Clear

X