Basic framework for presentations using HTML5 + javascript

Basic framework for presentations using HTML5 + javascript

Do you know a framework for making presentations using only HTML5 and javascript technologies?
I’m not talking about “export” features of various presentation software (powerpoint or OOo presentation).
Some requirements for the presentations made with this “framework”:

take advantage of the latest HTML5 features (audio, video, canvas?)
same with CSS3 (font support, gradient, shadows, transitions and transformations)

If there’s no such thing, example of good presentations or pointers on the subject would be appreciated.
Edit: Found a nice example, HTML5 – web development to the next level.

Solutions/Answers:

Solution 1:

Landslide is a pretty neat application that generates slideshows:

Deck.js is another nice project; this time, slides are pure HTML/CSS/JS.

Even better, impress.js relies on CSS3 transforms and transitions.

Solution 2:

As a presentation tool i use Reveal.js, it’s a very clean and modern presentation tool.

It’s made 100% with HTML5/CSS3/JS, the features i like the most are :

  • 3D like CSS3 transitions between slides
  • You can create nested slides – vertical slides into horizontal ones
  • Support font-face
  • you make internal links between slides
  • The code is pretty, thanks to highlight.js
  • Overview & two screens mode with Esc and `s“

I know you don’t really want it but you can export to PDF, and fork it on github 🙂

Solution 3:

If you want to get websocket support and the ability to control Deck.js presentations via a Sencha 2.0 HTML5 mobile application you can try Robodeck.

Solution 4:

This library is for making presentations, stories and ads.

BoardJS

Solution 5:

As an aside to the answers, you may also be interested in a nodejs controller to keep multiple remote viewers in sync with each other.

controldesk.js