Skip to content

Instantly share code, notes, and snippets.

@vasilisvg

vasilisvg/HTML-presentation-tools.md

Created January 14, 2012 13:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save vasilisvg/1611562 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save vasilisvg/1611562 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. vasilisvg revised this gist Jan 23, 2012. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -69,6 +69,13 @@ S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one
    * [Source](http://meyerweb.com/eric/tools/s5/s5-intro.zip)
    * [Example](http://meyerweb.com/eric/tools/s5/s5-intro.html)

    ##Scrolldeck.js

    A jQuery plugin for making scrolling presentation decks

    * [Explanation](http://johnpolacek.github.com/scrolldeck.js/)
    * [Source](https://github.com/johnpolacek/scrolldeck.js)

    ##Shower

    Сross-browser presentation template.
  2. vasilisvg revised this gist Jan 17, 2012. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -47,6 +47,13 @@ It's a presentation framework based on the power of CSS3 transforms and transiti
    * [Source](https://github.com/bartaz/impress.js)
    * [Example](http://bartaz.github.com/impress.js/)

    ##POW!

    POW is a simple presentation system for HTML5.

    * [Source](https://github.com/chromakode/pow)
    * [Example](http://usepow.com/)

    ##reveal.js

    A CSS 3D slideshow tool for quickly creating good looking HTML presentations. Doesn't rely on any external libraries but highlight.js is included by default for code highlighting.
  3. vasilisvg revised this gist Jan 17, 2012. 1 changed file with 7 additions and 1 deletion.
    8 changes: 7 additions & 1 deletion HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -67,4 +67,10 @@ S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one
    Сross-browser presentation template.

    * [Source](https://github.com/pepelsbey/shower)
    * [Example](http://pepelsbey.github.com/shower/en.htm)
    * [Example](http://pepelsbey.github.com/shower/en.htm)

    ##Slippy
    "To upload your presentation on SlideShare, or to share it with others, it can be convenient to export it to a PDF. Slippy comes with a CLI utility that does just that."

    * [Example](http://slides.seld.be/?file=2010-05-30+Example.html#1)
    * [Source](https://github.com/Seldaek/slippy)
  4. vasilisvg revised this gist Jan 17, 2012. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -33,6 +33,13 @@ If you're making a presentation on JavaScript, make it in JavaScript.
    * [Example](http://markdalgleish.com/presentations/jquerymobile/)
    * [Explanation](http://markdalgleish.com/projects/fathom/)

    ##html5slides

    Get the template and copy/paste it to a new file on your local computer.

    * [Example](https://html5slides.googlecode.com/svn/trunk/template/index.html#1)
    * [Explanation and download](https://code.google.com/p/html5slides/)

    ##Impress

    It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
  5. vasilisvg revised this gist Jan 17, 2012. 1 changed file with 8 additions and 0 deletions.
    8 changes: 8 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -25,6 +25,14 @@ Shells are extensions. You don't need them for a basic usage.
    * [Source](https://github.com/paulrouget/dzslides)
    * [Examples](http://paulrouget.com/dzslides/)

    ##Fathom

    If you're making a presentation on JavaScript, make it in JavaScript.

    * [Source](https://github.com/markdalgleish/fathom)
    * [Example](http://markdalgleish.com/presentations/jquerymobile/)
    * [Explanation](http://markdalgleish.com/projects/fathom/)

    ##Impress

    It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
  6. vasilisvg revised this gist Jan 16, 2012. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -32,6 +32,13 @@ It's a presentation framework based on the power of CSS3 transforms and transiti
    * [Source](https://github.com/bartaz/impress.js)
    * [Example](http://bartaz.github.com/impress.js/)

    ##reveal.js

    A CSS 3D slideshow tool for quickly creating good looking HTML presentations. Doesn't rely on any external libraries but highlight.js is included by default for code highlighting.

    * [Source](https://github.com/hakimel/reveal.js)
    * [Example](http://lab.hakim.se/reveal-js/)

    ##S5

    S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven.
  7. vasilisvg revised this gist Jan 14, 2012. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,7 @@
    #HTML presentation tools

    There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.

    ##CSSS

    CSS-based SlideShow System
  8. vasilisvg revised this gist Jan 14, 2012. 1 changed file with 8 additions and 0 deletions.
    8 changes: 8 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -29,6 +29,14 @@ It's a presentation framework based on the power of CSS3 transforms and transiti
    * [Source](https://github.com/bartaz/impress.js)
    * [Example](http://bartaz.github.com/impress.js/)

    ##S5

    S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven.

    * [Explanation](http://meyerweb.com/eric/tools/s5/)
    * [Source](http://meyerweb.com/eric/tools/s5/s5-intro.zip)
    * [Example](http://meyerweb.com/eric/tools/s5/s5-intro.html)

    ##Shower

    Сross-browser presentation template.
  9. vasilisvg revised this gist Jan 14, 2012. 1 changed file with 7 additions and 1 deletion.
    8 changes: 7 additions & 1 deletion HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,4 @@
    #HTML presentation tools

    ##CSSS

    CSS-based SlideShow System
    @@ -23,6 +22,13 @@ Shells are extensions. You don't need them for a basic usage.
    * [Source](https://github.com/paulrouget/dzslides)
    * [Examples](http://paulrouget.com/dzslides/)

    ##Impress

    It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

    * [Source](https://github.com/bartaz/impress.js)
    * [Example](http://bartaz.github.com/impress.js/)

    ##Shower

    Сross-browser presentation template.
  10. vasilisvg revised this gist Jan 14, 2012. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,7 @@
    #HTML presentation tools

    ##CSSS

    CSS-based SlideShow System

    * [Source](https://github.com/LeaVerou/CSSS)
    @@ -13,6 +15,7 @@ A JavaScript library for building modern HTML presentations. deck.js is flexible
    * [Example](http://imakewebthings.github.com/deck.js/)

    ##DZSlides

    DZSlides is a HTML template to build slides in HTML5 and CSS3.
    'template.html' is the only file you need.
    Shells are extensions. You don't need them for a basic usage.
    @@ -21,6 +24,7 @@ Shells are extensions. You don't need them for a basic usage.
    * [Examples](http://paulrouget.com/dzslides/)

    ##Shower

    Сross-browser presentation template.

    * [Source](https://github.com/pepelsbey/shower)
  11. vasilisvg created this gist Jan 14, 2012.
    27 changes: 27 additions & 0 deletions HTML-presentation-tools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    #HTML presentation tools
    ##CSSS
    CSS-based SlideShow System

    * [Source](https://github.com/LeaVerou/CSSS)
    * [Example](http://lea.verou.me/csss/sample-slideshow.html#intro)

    ##Deck.js

    A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

    * [Source](https://github.com/imakewebthings/deck.js)
    * [Example](http://imakewebthings.github.com/deck.js/)

    ##DZSlides
    DZSlides is a HTML template to build slides in HTML5 and CSS3.
    'template.html' is the only file you need.
    Shells are extensions. You don't need them for a basic usage.

    * [Source](https://github.com/paulrouget/dzslides)
    * [Examples](http://paulrouget.com/dzslides/)

    ##Shower
    Сross-browser presentation template.

    * [Source](https://github.com/pepelsbey/shower)
    * [Example](http://pepelsbey.github.com/shower/en.htm)