S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows. It was created by Eric A. Meyer as an alternative to the browser-centric Opera Show Format. S5 is not a presentation program, but fulfills the same purpose in combination with a standards-compliant web browser.

History

The initial version of S5 was released by Eric Meyer on October 18, 2004 under a Creative Commons license. With the release of version 1.1 on July 28, 2005, S5 was placed in the public domain.

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

<!--

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.

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

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

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 is S5 compatible project By Jordi Boggiano which has capability to export html slideshow into pdf

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

Similar HTML5 projects

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.

-->

Structure

The content of an S5 presentation can be stored in a single XHTML file. This file contains several slides which are structured in the following way:

<syntaxhighlight lang="xml">

<div class="slide">

<h1>slide title</h1>

<ul>

<li>the first point</li>

<li>the second point</li>

<li>the third point</li>

</ul>

<div class="handout">

... additional material that appears

on the handout

</div>

</div>

</syntaxhighlight>

S5 presentations can be viewed in outline and slideshow mode; Cascading Style Sheets are used to define different layouts for outline, slideshow and print. Navigation controls, a dynamically generated list of slides and accesskeys allow browsing back and forth.

A more semantic version of the S5 format is based on the XOXO microformat and uses <code>&lt;li class="slide"&gt;</code> instead of divs for the slides, as well as <code>&lt;ol class="xoxo presentation"&gt;</code> instead of a div for the overall presentation.

See also

  • Web-based slideshow

References

  • Official homepage