use right arrow to move on

“container-class” extension (and no-status class)

• “container-styling”
• when a slide has an "data-container-class"
• it is propagated as "class" to the container
• Example
• first slide has data-container-class="no-status"
• "no-status" hides the slide counter
• next step has data-container-class="red"
• per custom css, "red" means red background
• or allow for “out-of-the-box” effects…

“attribution” (every kitten has a source)

Splash screen (provided by “anim”)

• Shown when you load or refresh this deck
• Avoid seeing stack of slides or glitches
• Can add a pre-init delay (“includedeck”)
  • helps browser showing the splash
    before starting heavy-loading
  • gives time to see the splash :)

Support and notes

• Support: should be ok on all browsers
• Don't over-use transformations
  (this was just a demo)
• Always give appropriate credit to yours sources

Digging Deeper

• 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
  • “clone”: clone your view when presenting
  • “metadata”: use HTML metadata in your slides
  • “progress”: show fancy progress indicators
• see my page on deck.js and/or contact me