meyerweb.com

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

S5 Features

Note that most of these features are not present in Opera, which displays an S5 slide show as a normal Opera Show document.

Auto-scaling of text

If you're setting up to present your 1024x768 slide show and find out the projector available to you only goes up to 800x600, don't worry. S5 will auto-scale the text in the presentation to match the browser window, no matter what size you make it. On the down side, images are not scaled (as of S5 1.1).

Incremental display

If you're a "show the bullet points one at a time" kind of person, S5 has you covered. Put class="incremental" on any list, and its list items will be revealed one at a time. Just use the usual forward/backward keys! If you want to make other kinds of elements appear in sequence, just class each one incremental, and you're all set. Combine this with some overlapping images and you can get some basic animation effects.

Progress indicator

Wonder how far you've gotten into a long presentation? Thanks to the progress indicator, you can keep track of how well you're staying on schedule. The "X of Y" text (where "X" is the current slide's number, and "Y" is the total number of slides) tells you exactly where you are, and how far you have to go.

Slide bookmarks

If you want to point at a specific slide, just add a fragment identifier with slide and the slide number you want. For example, if you wanted to point straight to slide 7 of a presentation found at http://example.org/preso.html, you'd use the URL http://example.org/preso.html#slide7.

Comprehensive keyboard controls

There are a bunch of ways to move forward and backward in a slide show, including everyone's favorite advancer, the space bar. You can make the navigation controls appear and disappear with the "C" key or flip between slide show and outline views with the "T" key. There are also ways to go straight to a specific slide, or skip forward or backward a certain number of slides. See the control chart at the end of this document for details.

Click to advance

If you have one of those super-cool 3D gestural mice, not to worry. Click on a slide and you'll advance to the next slide (or move forward an incremental step). Works with everyday mice, too! Even better, clicks within movies, Flash animations, and the navigation controls do not cause the slide show to advance.

Author customization features

Slide show authors can set two basic parameters in the markup of a slide show: whether the presentation defaults to slide show view or outline view, and whether or not the navigation controls are hidden or visible by default in the slide show view.

Based on open standards

One of the S's in "S5" stands for Standards-based, and that's exactly what it is: a combination of XHTML, CSS, and JavaScript. If you can create a Web page, you can create an S5 presentation. If you can create a CSS design, you can create an S5 theme.

OSF and XOXO compatible

By default, S5 files are compatible with the Opera Show Format—but you can also create an XOXO-based slide show and have it work, too!

Public domain technology

S5 has been officially released into the Public Domain, so you can always use it without any fear of license restrictions.

Keyboard controls

The following apply in any supporting browser besides Opera, which uses the default Opera Show controls instead.

Action Key(s)
Go to next slide
  • Space bar
  • Return
  • Enter
  • Right arrow
  • Down arrow
  • Page down
  • Click left mouse button outside of control area, Flash object, or movie
Go to previous slide
  • Left arrow
  • Up arrow
  • Page up
Go to title (first) slide
  • Home
Go to last slide
  • End
Jump directly to slide
  • Type slide number, then hit Return or Enter
Skip forward n slides
  • Type number of slides to skip, hit any "go to next" key except Return or Enter
Skip backward n slides
  • Type number of slides to skip, hit any "go to previous" key
Switch between slideshow and outline view
  • T
Show / hide slide controls
  • C
  • Move mouse pointer over control area

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