6 ms·

Enhance your next presentation with HTML5

52 points by davert 14y ago

tantaman 14y ago
Didn't realize there were so many HTML5 presentation frameworks out there.. Shameless plug: I've created a GUI for creating ImpressJS presentations: https://github.com/tantaman/Strut https://github.com/tantaman/Strut I'll have to look into adding support for the ones in this article.
- samstave 14y ago
  NM - I didn't see the link to the zip on the main git page... the link to the same page in the Youtube comments was broken...
cyrus_ 14y ago
Although it didn't warrant a clickable image in this post, reveal.js is a very well-designed and actively-developed framework. https://github.com/hakimel/reveal.js https://github.com/hakimel/reveal.js
lrizzo 14y ago
what i really miss in most (all ?) of these frameworks is an embedded markup language (markdown or variants), so that one does not have to bother with html in order to create lists, fonts, tables etc. In my own "sttp" tool, most of the javascript is exactly for this purpose - the slide deck is just the content of a textarea and is almost readable even without formatting. For styles, i use braces and css styles e.g. {style1 style2 style3,some text} which has the compactness of latex and the flexibility of css.
- vec 14y ago
  Reveal.js, at least, supports inline markdown blocks. https://github.com/hakimel/reveal.js#markdown https://github.com/hakimel/reveal.js#markdown
taeric 14y ago
And here I am just now getting decent at beamer. :( I wonder if it is possible to compile a beamer presentation to html5 easily. Fun side project, at any rate.
- glesica 14y ago
  Use Pandoc! It takes normal Markdown and can create a beamer or fancy HTML presentation from it automatically. Or, if the HTML presentation frameworks it supports aren't to your liking, just create a quick template that spits out something compatible with your favorite framework.
globalpanic 14y ago
shameless plug 2: i used deck.js for my lecture slides (www.webtech.org.uk)
- thirdtruck 14y ago
  Same here, and I plan to use it for my next technical presentation on Ruby DSLs. Example: http://thirdtruck.org/everyday http://thirdtruck.org/everyday
  - raju 14y ago
    On a tangential note, _that_ is a nice presentation. I definitely feel inspired to do a lot more with Ruby than I get a chance to do at work. Thanks!
    - thirdtruck 14y ago
      Exactly the outcome I had in mind, raju. Thanks!
egonschiele 14y ago
I made a gem that turns markdown files into impress.js presentations: https://github.com/egonschiele/mdpress https://github.com/egonschiele/mdpress

52 points by davert 14y ago

Didn't realize there were so many HTML5 presentation frameworks out there.. Shameless plug: I've created a GUI for creating ImpressJS presentations: https://github.com/tantaman/Strut https://github.com/tantaman/Strut I'll have to look into adding support for the ones in this article.

samstave 14y ago
NM - I didn't see the link to the zip on the main git page... the link to the same page in the Youtube comments was broken...

cyrus_ 14y ago

Although it didn't warrant a clickable image in this post, reveal.js is a very well-designed and actively-developed framework. https://github.com/hakimel/reveal.js https://github.com/hakimel/reveal.js

lrizzo 14y ago

what i really miss in most (all ?) of these frameworks is an embedded markup language (markdown or variants), so that one does not have to bother with html in order to create lists, fonts, tables etc. In my own "sttp" tool, most of the javascript is exactly for this purpose - the slide deck is just the content of a textarea and is almost readable even without formatting. For styles, i use braces and css styles e.g. {style1 style2 style3,some text} which has the compactness of latex and the flexibility of css.

vec 14y ago
Reveal.js, at least, supports inline markdown blocks. https://github.com/hakimel/reveal.js#markdown https://github.com/hakimel/reveal.js#markdown

taeric 14y ago

And here I am just now getting decent at beamer. :( I wonder if it is possible to compile a beamer presentation to html5 easily. Fun side project, at any rate.

glesica 14y ago
Use Pandoc! It takes normal Markdown and can create a beamer or fancy HTML presentation from it automatically. Or, if the HTML presentation frameworks it supports aren't to your liking, just create a quick template that spits out something compatible with your favorite framework.

globalpanic 14y ago

shameless plug 2: i used deck.js for my lecture slides (www.webtech.org.uk)

thirdtruck 14y ago
Same here, and I plan to use it for my next technical presentation on Ruby DSLs. Example: http://thirdtruck.org/everyday http://thirdtruck.org/everyday
- raju 14y ago
  On a tangential note, _that_ is a nice presentation. I definitely feel inspired to do a lot more with Ruby than I get a chance to do at work. Thanks!
  - thirdtruck 14y ago
    Exactly the outcome I had in mind, raju. Thanks!

egonschiele 14y ago

I made a gem that turns markdown files into impress.js presentations: https://github.com/egonschiele/mdpress https://github.com/egonschiele/mdpress