You might ask, “Aren’t there already some browser-based presentation tools out there?” Yes! There’s HTML Slidy and Eric Meyer’s S5. There’s also Swinger. And surely others. Why didn’t I use one of those? The truth is that I wasn’t aware of them. Writing an HTML slideshow tool is not very difficult (at least in the minimalist fashion that I’ve conceived it) and I had finished building it before I bothered to see if others existed.
If you want lots of configuration options, both S5 and HTML Slidy look great. And as a hosted option Swinger looks awesome. But if you just want a lightweight tool you can use to display HTML slides in your favorite browser, I think this little thing works well.
What it does
What I wanted was a way to write slides using HTML and CSS, and to be able to display the slides locally on my Mac in Chrome or Firefox, both of which support full-screen viewing. Since I didn’t have to worry about lesser browsers it was an easy opportunity to break out the HTML5 (although making it play nice in other browsers is first on my to-do list).
The features are better explained in the demo, but here’s a quick run-down:
- Each slide exists as a
sectionelement inside an HTML document.
sectionelements and turns them into ordered slides.
- jQuery is used for a few things, including firing events when new slides are loaded.
- You can do some simple intra-slide fade-in stuff by giving things a class of “action”.
- You can advance through the presentation with either your mouse or the keyboard.
That’s all! As always, feedback is greatly appreciated.