Skip to content

HTML 5 Presentation slides with MathJax

Jump to bottom Edit New page
pkra edited this page Apr 5, 2013 · 1 revision

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

Add a custom sidebar
Clone this wiki locally