From 5a774ef6f3b38b19b26913a34b1388530c72334e Mon Sep 17 00:00:00 2001 From: Christian Franke Date: Tue, 9 Apr 2013 14:31:22 +0200 Subject: Initial Commit --- deck.js/samples/deck-step.html | 174 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 174 insertions(+) create mode 100644 deck.js/samples/deck-step.html (limited to 'deck.js/samples/deck-step.html') diff --git a/deck.js/samples/deck-step.html b/deck.js/samples/deck-step.html new file mode 100644 index 0000000..36a84d0 --- /dev/null +++ b/deck.js/samples/deck-step.html @@ -0,0 +1,174 @@ + + + + + + + + + + deck.step.js test/demo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +This page surely has a purpose.
+Use left/right arrow keys to browse the presentation.
+ + +
+ + +
+

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

+
+ +
+

Nested deck.js slides

+
    +
  • Not an extension (in core deck.js)
    • +
  • Just have an element with the “slide” class…
    • +
  • … and it will appear (hit the right arrow now)
    • +
  • Hey! I appeared! (go on)
    • +
  • The gray-ish style is part of the theme
    • +
+
+
+

Why the step extension?

+
    +
  • + Nested slides + are cool + and useful +
    • +
  • But there is a problem
    • +
  • + Navigating + is + annoying + with + nesting + !!! +
    • +
  • Example:
     Try using the left arrow to go back to previous slide
    • +
  • Probably annoying!?
    • +
  • Now try hitting the up arrow
    • +
  • More on the next slide…
    • +
+
+
+

The “step” extension

+
+
    +
  • Adds new key shortcuts
    • +
      +
    • up arrow: previous top level slide
      • +
    • down arrow: next top level slide
      • +
    +
+
+ +
+

More “step” 

+
+
    +
  • Other stuff… not visible +
      +
    • Defaults to not counting nested slides
         (if you use the status extension)
      • +
    • Add notifications events to nested slides when the parent gets activated (for animations)
      • +
    • (The title ends in "21", see why in the source)
      • +
    +
    • + +
    +
    + + +
+
+
+

Browser support

+
    +
  • Should be ok
    • +
+
+ + + + + + + + + + +# + + + +
+ + -- cgit v1.2.1