HTML 5 Presentation slides with MathJax

[David]

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

[Carlos Jenkins]

2012/5/26 David <dwarn...@suddenlink.net>

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

--

Carlos Jenkins

http://carlos.jenkins.co.cr/

[Peter Krautzberger]

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

Peter.

[Thomas Leathrum]

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.

On Sunday, May 27, 2012 8:00:14 PM UTC-5, Peter Krautzberger wrote:

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

Peter.

On Sat, May 26, 2012 at 6:40 PM, Carlos Jenkins wrote:

2012/5/26 David

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

[William F Hammond]

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

--
William F Hammond
http://www.albany.edu/~hammond/
Email: gel...@gmail.com