rslidy

rslidy

• Drop-in replacement for W3C Slidy and Slidy2.
• Responsive HTML5, CSS3, JavaScript (TypeScript).
• No other dependencies.
• Lightweight:

  rslidy.js         59,278 bytes
  rslidy.css         6,789 bytes
  

rslidy Features

• Responsive Layout.
• Responsive Interaction:
  • Swipe, pinch, tap.
  • Tilt, shake.
  • Keyboard.

Example Slide Decks Using rslidy

• Responsive Web Design
  http://keithandrews.com/talks/2017/cos-2017-03-11-rwd/
• Analysing and Presenting Data with Visualisation
  http://keithandrews.com/talks/2017/sage-2017-04-11-datavis/

Experimental Features

• Animated slide transitions.
• Slides loading animation.
• Slide progress bar.
• Preview and ToC slide in from side (swipe-in).
• Easy zoom-in on embedded images.

Future Work

• Better integrated help / user guide.
• Click on progress bar to advance through slides (see thumbnails/slide number).
• Draw on slides with overlay.
• Accessibility.
• User testing!
• Speaker notes.
• Timer
• Remote control via web sockets.

Credits

The following people have contributed to rslidy:

• Keith Andrews
• Markus Schofnegger
• Rok Kogovšek, Alexei Kruglov, Fernando Pulido Ruiz, Helmut Zöhrer
• Filippo Garolla, Sabine Lukas, Matthias Schlesinger, Karin Wilding
• Elias Zeitfogel, Patrick Kasper, Karina Priebernig, Clemens Meinhart

Looking for You!

I am looking for a student to continue this work and make it fit for public release... ;-)

If you are:

• Student at Graz University of Technology
• Experienced in frontend webdev
• Looking for a Bachelor's Thesis or project topic

→ Let me know!

Thank You!

Prof. Keith Andrews
IICM, Graz University of Technology, Austria
http://www.iicm.tugraz.at/keith/

These slides:
http://keithandrews.com/talks/2017/glt-2017-04-11-rslidy/