HTML 5 Presentation slides with MathJax
From https://groups.google.com/d/msg/mathjax-users/bcWp6QuAd7U/8nSk2WooiosJ
All,
Can anyone point me to a nice introductory tutorial for setting up a sequence of transition slides in HTML5 and CSS that uses MathJax for presentation?
Something that really is introductory to a person with minimal CSS skill and HTML5 knowledge. Something that will walk you through the HTML5 and CSS steps of setting up the slides, the transitions, and presenting math and graphics.
In other words, something that will get you started.
Thanks,
David
Hi, try this:
http://nestededitor.sourceforge.net/about.html
It has support for MathJax and does XHTML Strict (not HTML5) presentations based on a theme (CSS + Javascript, included in Software or your own), really easy.
Presentation example: http://carlos.jenkins.co.cr/files/junit_nunit/
MathJax example: http://nestededitor.sourceforge.net/examples/Math/Math.html
If you are on Linux try the getting the last version from repository, it has a lot more than the currently published version.
Kind regards
You could look into pandoc http://johnmacfarlane.net/pandoc/README.html#producing-slide-shows-with-pandoc
Examples/tutorials:
http://johnmacfarlane.net/pandoc/demo/example9/producing-slide-shows-with-pandoc.html http://mainisusuallyafunction.blogspot.com/2011/08/new-slides-and-how-i-made-them.html
Google will give you many more searching pandoc+slides
I have used MathJax with the W3C HTML Slidy (see http://www.w3.org/Talks/Tools/Slidy2/) quite successfully several times. Slidy was written for older HTML versions, but should be compatible with HTML5 as well. Using MathJax in a presentation is simple: just import MathJax with a script tag in the head as you would for any other HTML page, and you're good to go -- follow the Slidy instructions for writing a presentation, and use MathJax in the slides as you would use MathJax in any other HTML page. You can even use MathJax inside Slidy's incremental display effects and other fancy stuff.
I want to support what Thomas Leathrum says. I've done it a number of times using a side stream from gellmu. (The next general release -- maybe a year from now -- should have it built in.) An example: http://www.albany.edu/~hammond/presentations/MathClub1103/mathclubht.html