For a while now, I’ve been wanting to get rid of using presentation software (like Microsoft Powerpoint and LibreOffice Impress). Since I’m mainly presenting stuff on the web, about the web, I want to use a web-based tool. Like my blog. And now I can! Here’s part one of the journey.
Obviously, I’m not only one with this itch. I’ve explored a couple of options.
I’ve also tried a few plugins for WordPress. The one I liked the most was (a)SlideShow.
Cool effects and all, but hard to have a post live as a blog post (with texts between the slides), and being able to switch it to presentation mode.
The web standard for style sheets (CSS) provides a mode for presentations: @media:projection. It should be possible to switch to a “projection style”, and use CSS to eliminate all the text in between the slides, provide basic pagination, and so on. But browsers still don’t really support this:
- Opera uses the “projection” style (if available) when going into full-screen mode.
- Firefox has a FullerScreen add-on that allows similar functionality, but needs to be installed separately.
With the Firefox add-on, it wasn’t hard to start working on a style sheet for presentations that works on my own laptop.
But… I’d like to be able to present from another machine as well, and to enable web visitors to my blog to also see how the slides look.
So the search continued for a simple library that would do the trick.
In the end, I mostly liked Zack Grossbart’s simple and clean version in the browser. And it should work well with the style sheet already prepared.
I’ve spent a bit of time integrating it into my web theme, and to strip Zack’s version further: no extra interface, just the same as the F11 key in my own “Firefox+FullerScreen” set-up.
It took a bit of hacking to put it into WordPress.
It can do pretty cool stuff already. Use standard embed
codes (but you’ll have to add the div
code with class="slide"
yourself).
This is part one. There still is work to be done 🙂