6 ms·

Presenteer.js: Flexible HTML5 presentation tool

56 points by lobo_tuerto 14y ago

premise 14y ago
Elegant and impressive. Thank you.
mmahemoff 14y ago
The take I'd really like to see on HTML5 presentations is making them easy to author. If not by end-users, at least making it so there's no layout micromanagement involved.
- adityab 14y ago
  I've made an open source experimental authoring tool for such presentations here http://adityab.github.com/Awwation http://adityab.github.com/Awwation It uses SVG, and Javascript for animations.
  - pvidler 14y ago
    That's interesting, but in viewing the presentation the text is almost unreadable in Safari -- too much space between some letters, while others overlap. If it works in Chrome, Firefox and IE... what's Safari doing wrong here? Oddly I just checked it on the iPhone and it seems fine there (although zooming out seems to be blocked, so the presentation is much too large for the screen).
    - adityab 14y ago
      That's a... bug. If you resize the window even by a slight amount, just once, everything starts looking perfect.
    - blackdanube 14y ago
      The zoom issue is a security limitation in iOS's Safari: iframes aren't allowed to hide content or zoom, so you cannot hide malicious elements. I've seen the same issues with presentations using impress.js, built using my tool[1]. However, that issue should be fixable by loading the SVG directly (or embedding the presentation inside a div, instead of an iframe. [1] http://imprys.com/ http://imprys.com/
  - blackdanube 14y ago
    That thing is awesome! Great work!
- blackdanube 14y ago
  Try out my iPad app, Imprys[1]. The iPad screen really lends itself to that kind of arrangement, because it's just so intuitive to zoom and pan around. [1] http://imprys.com/ http://imprys.com/ or http://itunes.apple.com/us/app/imprys-lite/id523769425?ls=1&mt=8# http://itunes.apple.com/us/app/imprys-lite/id523769425?ls=1&...
adityab 14y ago
This is great! How does it compare with impress.js or jmpress (the jQuery version of impress)? I'd like to use this in my authoring tool, if CSS3 animations work with SVG.
factorialboy 14y ago
Excellent. I'll be using this very soon!
Davertron 14y ago
Not sure why, but in latest Chrome (19.0) on OSX I get a lot of flickering during the transitions (like a full browser black flash).
goblin89 14y ago
I'm always unsure about using code released under Creative Commons. What are requirements wrt. attribution? Does ‘Share Alike’ mean that the source code of a product using the library must be released under CC BY-SA as well? Otherwise, Presenteer looks nice. Text becomes a bit blurry during animation (Chrome 18.0), but apart from that—no problems, and API seems clean.
FuzzyDunlop 14y ago
It reminds me a lot of impress.js[1], however, impress.js's execution is a lot smoother. [1] http://bartaz.github.com/impress.js http://bartaz.github.com/impress.js
- blackdanube 14y ago
  There's also jmpress.js[1], which is the jQuery port of impress.js and improves on several aspects. [1] http://sokra.github.com/jmpress.js/#/home http://sokra.github.com/jmpress.js/#/home
asadotzler 14y ago
Yet another very nice HTML5 presentation framework with no GUI for actually making nice presentations. Until someone spends some time putting some actual user tools around one of these things, HTML5 presentation tools will remain a geek sandbox.
- adityab 14y ago
  Here you go: http://awwation.com http://awwation.com Unfinished, but it works. Code's on github.
- blackdanube 14y ago
  You can try my iPad app Imprys (http://imprys.com/ http://imprys.com/), which does just that. It's in an early stage, and currently uses impress.js, but if there's interest, I can produce a version with presenteer as well.
  - adityab 14y ago
    I don't have an iPad, but this looks nice. Is it open source?
    - blackdanube 14y ago
      Unfortunately not, as this needs to be my revenue stream in the near future. I do have plans to make it open source at some point, but first I need to earn some money with it.

56 points by lobo_tuerto 14y ago

Elegant and impressive. Thank you.

The take I'd really like to see on HTML5 presentations is making them easy to author. If not by end-users, at least making it so there's no layout micromanagement involved.

adityab 14y ago
I've made an open source experimental authoring tool for such presentations here http://adityab.github.com/Awwation http://adityab.github.com/Awwation It uses SVG, and Javascript for animations.
- pvidler 14y ago
  That's interesting, but in viewing the presentation the text is almost unreadable in Safari -- too much space between some letters, while others overlap. If it works in Chrome, Firefox and IE... what's Safari doing wrong here? Oddly I just checked it on the iPhone and it seems fine there (although zooming out seems to be blocked, so the presentation is much too large for the screen).
  - adityab 14y ago
    That's a... bug. If you resize the window even by a slight amount, just once, everything starts looking perfect.
  - blackdanube 14y ago
    The zoom issue is a security limitation in iOS's Safari: iframes aren't allowed to hide content or zoom, so you cannot hide malicious elements. I've seen the same issues with presentations using impress.js, built using my tool[1]. However, that issue should be fixable by loading the SVG directly (or embedding the presentation inside a div, instead of an iframe. [1] http://imprys.com/ http://imprys.com/
- blackdanube 14y ago
  That thing is awesome! Great work!
blackdanube 14y ago
Try out my iPad app, Imprys[1]. The iPad screen really lends itself to that kind of arrangement, because it's just so intuitive to zoom and pan around. [1] http://imprys.com/ http://imprys.com/ or http://itunes.apple.com/us/app/imprys-lite/id523769425?ls=1&mt=8# http://itunes.apple.com/us/app/imprys-lite/id523769425?ls=1&...

adityab 14y ago

This is great! How does it compare with impress.js or jmpress (the jQuery version of impress)? I'd like to use this in my authoring tool, if CSS3 animations work with SVG.

factorialboy 14y ago

Excellent. I'll be using this very soon!

Davertron 14y ago

Not sure why, but in latest Chrome (19.0) on OSX I get a lot of flickering during the transitions (like a full browser black flash).

goblin89 14y ago

I'm always unsure about using code released under Creative Commons. What are requirements wrt. attribution? Does ‘Share Alike’ mean that the source code of a product using the library must be released under CC BY-SA as well? Otherwise, Presenteer looks nice. Text becomes a bit blurry during animation (Chrome 18.0), but apart from that—no problems, and API seems clean.

FuzzyDunlop 14y ago

It reminds me a lot of impress.js[1], however, impress.js's execution is a lot smoother. [1] http://bartaz.github.com/impress.js http://bartaz.github.com/impress.js

blackdanube 14y ago
There's also jmpress.js[1], which is the jQuery port of impress.js and improves on several aspects. [1] http://sokra.github.com/jmpress.js/#/home http://sokra.github.com/jmpress.js/#/home

asadotzler 14y ago

Yet another very nice HTML5 presentation framework with no GUI for actually making nice presentations. Until someone spends some time putting some actual user tools around one of these things, HTML5 presentation tools will remain a geek sandbox.

adityab 14y ago
Here you go: http://awwation.com http://awwation.com Unfinished, but it works. Code's on github.
blackdanube 14y ago
You can try my iPad app Imprys (http://imprys.com/ http://imprys.com/), which does just that. It's in an early stage, and currently uses impress.js, but if there's interest, I can produce a version with presenteer as well.
- adityab 14y ago
  I don't have an iPad, but this looks nice. Is it open source?
  - blackdanube 14y ago
    Unfortunately not, as this needs to be my revenue stream in the near future. I do have plans to make it open source at some point, but first I need to earn some money with it.