meyerweb.com

Skip to: site navigation/presentation
Skip to: Thoughts From Eric

S5: A Simple Standards-Based Slide Show System

S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven.

If you'd like to see S5 in action, go ahead and run through the introductory slide show (also available as a 186KB ZIP archive, the size of which is due to the presence of several images in the slide show). Feel free to try any of the features. For example, you can hit the space bar to advance to the next slide. Or use the right arrow, the down arrow, hit Return... any of these will work. The other features will be explained in, or else demonstrated by, the slide show itself.

If you like the general idea of S5 but don't like the theme used for the introductory slide show, then fear not: there are already a number of themes available, and you can of course always create your own.

If you have a hankerin' to know more about how this system works, exactly, we have a few resources that might help.

Please also visit the thanks and acknowledgments page, which lists the people who helped improve S5 beyond what I ever could have done myself.

Downloads

Contact

More Information

Historical Information

AdBlock Warning

There are known conflicts between S5 and most older versions of the AdBlock extension for Firefox. If you're using AdBlock, be sure to upgrade to the latest version.

Extras