JS Slides v3

JS Slides v3

Where semantic HTML meets interactive slide deck

Version 3: a complete rewrite. Hit Space or → to continue…

Semantic HTML5

This page is a normal HTML document
Interactivity added by one extra script
Accessible, configurable, extensible

Features

Navigate slides and subsections by keyboard or touches
Adjust behavior as needed by extension modules
Themeable interface

Modules

Many modules included by default
Can be configured or disabled
Writing own modules is easy (but not necessary)

Modules: core

Help module: hit ? to see help
Overview module: hit o to toggle overview mode
Keyboard module: navigate slides using intuitive controls

Modules: visual

Font size: adjust font size using B, S, N
Skin: define any visual property using standard CSS
Transition: pick from one of the available transition animations
Syntax: apply syntax highlighting and (optionally) line numbering
for (var i = 0; i < this.length; i++) { j += 3.14; } // for

Modules: other #1 Moduly: ostatní #1

Title: adjust window title to match current slide Title: změna titulku okna podle aktuálního snímku
URL: leverage browser history and slide permalinks URL: využití historie prohlížeče pro navigaci a permalinky
Language: switch available languages using the L key Language: přepínání jazykových variant klávesou L

Modules: other #2

Progress: display progress meter
Time: display remaining time
Touch: use tapping, swiping and pinching to emulate keyboard on touch devices
Presenter's window: hit P to display comments and other useful metadata in a separate window

Synchronization

Presentation can be controlled remotely
Master / slave / both
Uses Firebase backend

Interested?

View this page's source
Check out the docs
Check out the code

Questions?