Web-based slideshow

A Web-based slideshow is a slide show which can be played (viewed or presented) using a web browser. Some web based slide shows are generated from presentation software and may be difficult to change (they are usually not supposed to). Others offer templates allowing the slide show to be easily edited and changed.

Compared to a fully fledged presentation program the web based slide shows are usually limited in features.

A web based slide show is typically generated to or authored in HTML, JavaScript and CSS code (files).

Features

Player/Presentation Features

Works offline
No extra runtime environments or plugins required to view the slide show (some players may require Adobe Flash or Java)
Keyboard navigation
Slide transitions and animations
Full screen support, can automatically resizing text and images to fit the screen
Mobile device support, can be displayed on a smartphone using a mobile web browser or a mobile app.
URL to slide, can link directly to a slide using a URL (typically accomplishing using a fragment identifier).
Displays a table of contents
Auto-play/timed transitions
Compatible with multiple browsers
Can display slide notes for the speaker
Print mode

Editor Features

Theme and styling support
Can embed images
Can embed videos and audio and other multimedia
Supports master pages/templates for slides
Embedding SVG
Embedding MathML
Embedding other web pages

List of web-based slide shows

CSSS

https://github.com/LeaVerou/CSSS CSS-based SlideShow System by Lea Verou

Slidifier

http://slidifier.com generates slideshows from plain text source. Slidifier is focused on simplicity and speed of use rather than a high number of features.

SlideWiki

SlideWiki.org enables communities to collaboratively create online presentations and educational material.^[1] SlideWiki supports SVG and LaTeX/MathML formula integration, semi-automatic translation in more than 50 languages, animations, custom transitions, complete versioning and revision control, Powerpoint import. With self-test questions, which can be attached to each slide and many other features SlideWiki focuses particularly on educational content. All content made available via SlideWiki is licensed under CC-BY-SA.

S5

S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining Slideshow

On July 17, 2006, Ryan King launched s5project.org, "a new community site, dedicated to the S5 Presentation software".^[2]^[3]^[4]^[5]

DokuWiki plugin for S5

On December 4, 2006, Andreas Gohr announced a DokuWiki plugin that converts Wiki markup to XHTML-compatible S5 presentations.^[6]

S5 Reloaded

In December 2006, Christian Effenberger launched S5 Reloaded, an extended version of S5 with new features such as autorun, scalable images, sound support, transition effects and new themes.

Diascope

In July 2010, Daniel Mendler created diascope, Diascope is a mostly-S5-compatible implementation which sucks less. It is inspired by s5-reloaded. It has support for embedded SVG and MathML, theme switching. CSS is handled by SASS.

Gnome-S5

Todd A. Jacobs host git repo CodeGnome-S5 https://github.com/CodeGnome/s5

Presentista

http://Presentista.com is a presentation tool that currently allows users to enter content (text and/or images from the tool itself) on a blank canvas; Presentista then creates a zooming presentation from your content.

S6

Gerald Bauer maintains S6 Project S6 started as a rewrite of Eric Meyer’s S5 using the jQuery JavaScript library – offering easier to understand and easier to extend code. Add plugins, effects and more.

Slippy

slippy is S5 compatible project By Jordi Boggiano which has capability to export html slideshow into pdf

Rst2S5

One can use reStructuredText to generate S5 presentation using rst2s5.py http://docutils.sourceforge.net/docs/user/slide-shows.html

html-slideshow

Rob Flaherty created a light weight HTML SlideShow https://github.com/robflaherty/html-slideshow, it has feature to execute Javascript for particular slides by binding the "newSlide" events.

or:

http://search.cpan.org/dist/Pod-S5/

HTML Slidy

http://www.w3.org/Talks/Tools/Slidy2/

Similar to S5, from W3C.

HTML5 Slides

http://code.google.com/p/html5slides/

A slide show template by Google using HTML 5 & CSS features. Using an Apache License 2.0.

HTML5 Rocks

http://slides.html5rocks.com/#slide1

A slide presentation by Google using HTML 5 & CSS 3 features (e.g. CSS transitions). The Apache licensed presentation system is seemingly unnamed.

Landslide

https://github.com/adamzap/landslide

Generates HTML5 slides (see above) from markdown/rst documents.

ShowOff

https://github.com/schacon/showoff/

from Scott Chacon; it's a little heavier in the sense that it requires interaction with a custom Sinatra web application to work properly, even though the underlying slides are still HTML and CSS.

Slimey

http://slimey.sourceforge.net/

A rough attempt at a web-based presentation editor. Works for basic use, but no updates in over a year. It produces an extension of the S5 format it calls "SLIM" (Slideshows Microformat). Includes the "Slime" engine to display these presentations.

Slidy editor prototype

http://people.w3.org/~dsr/editor/old/editor.html

An old attempt at a WYSIWYG slide editor using contentEditable. Not in a usable state.

Slideshow (S9)

http://slideshow.rubyforge.org/

Lets you create slide shows and author slides in plain text using a wiki-style markup language that's easy-to-write and easy-to-read. Supports S5, S6, Slidy, Google HTML5 Rocks, and other template packs.

HTML5 Slideshow

http://www.ravelrumba.com/blog/html5-slideshow/

https://github.com/robflaherty/html-slideshow

slideous

A Lightweight HTML-based presentation tool, inspired by S5 and Html Slidy

http://goessner.net/articles/slideous/slideous.html

DZSlides

DZSlides is just a single all-in-one HTML template and the blurb reads:

https://github.com/paulrouget/dzslides

DZSlides is a one-page-template to build your presentation in HTML5 and CSS3. [Note: Uses CSS3 transitions and, hus, requires Firefox 4+.]

jQuery-Presentation

A jQuery based slideshow system https://github.com/davist11/jQuery-Presentation

deck.js

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow. https://github.com/imakewebthings/deck.js

Also supports input in ReStructuredText thanks to https://github.com/marianoguerra/rst2html5

impress.js

A presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. Created in 2011 by Bartek Szopka under the MIT license. For source and example are available^[7] as well as Web App as graphic interface, Impressionist^[8] and "Strut",^[9] both to download and open with a webkit browser. Several tutorials are available.^[10]

Google I/O HTML5 slide template

http://code.google.com/p/io-2012-slides/

A slide show template by Google (used in the Google I/O conference) using HTML 5 & CSS features. Using an Apache License 2.0. Released as open source July 2012^[11]

reveal.js

An HTML5 presentation tool created by Hakim El Hattab. The source code is available under the MIT license. http://lab.hakim.se/reveal-js

TiddlySlidy

http://tiddlyslidy.com/ TiddlyWiki based Presentations

Flash-based Slideshow

Prezi

References

^ First Public Beta of SlideWiki.org; February 7, 2012; http://blog.aksw.org/2013/first-public-beta-of-slidewiki-org/
^ Meyer, Eric (19 July 2006). "S5Project.org". Retrieved 17 August 2010.
^ King, Ryan (17 July 2006). "S5Project.org". Retrieved 17 August 2010.
^ King, Ryan (16 July 2006). "Annoucing S5Project.org". Archived from the original on 16 May 2008. Retrieved 17 August 2010.
^ King, Ryan (26 July 2006). "What's new in S5?". Archived from the original on 24 May 2008. Retrieved 17 August 2010.
^ Gohr, Andreas (4 December 2006). "Presentations in DokuWiki". Retrieved 29 August 2010.
^ http://bartaz.github.com/impress.js
^ https://github.com/hsivaramx/Impressionist
^ https://github.com/tantaman/Strut
^ "How to use Impress.js". http://www.cubewebsites.com. 2012. {{cite web}}: External link in |publisher= (help)
^ Bidelman, Eric (12 July 2012). "Just open sourced this year's Google I/O HTML5 slide template". Retrieved 13 July 2012.

[1] First Public Beta of SlideWiki.org; February 7, 2012; http://blog.aksw.org/2013/first-public-beta-of-slidewiki-org/

[2] Meyer, Eric (19 July 2006). "S5Project.org". Retrieved 17 August 2010.

[3] King, Ryan (17 July 2006). "S5Project.org". Retrieved 17 August 2010.

[4] King, Ryan (16 July 2006). "Annoucing S5Project.org". Archived from the original on 16 May 2008. Retrieved 17 August 2010.

[5] King, Ryan (26 July 2006). "What's new in S5?". Archived from the original on 24 May 2008. Retrieved 17 August 2010.

[6] Gohr, Andreas (4 December 2006). "Presentations in DokuWiki". Retrieved 29 August 2010.

[7] ttp://bartaz.github.com/impress.js

[8] ttps://github.com/hsivaramx/Impressionist

[9] ttps://github.com/tantaman/Strut

[10] "How to use Impress.js". http://www.cubewebsites.com. 2012. {{cite web}}: External link in |publisher= (help)

[11] Bidelman, Eric (12 July 2012). "Just open sourced this year's Google I/O HTML5 slide template". Retrieved 13 July 2012.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]