|
#REDIRECT [[Slide show#Web-based slide show]]
{{cleanuplist|date=April 2012}}
{{Original research|date=April 2012}}
A '''Web-based slideshow''' is a [[slide show]] which can be played (viewed or presented) using a [[web browser]]. Some web based slide shows are generated from [[presentation software]] and may be difficult to change (they are usually not supposed to). Others offer templates allowing the slide show to be easily edited and changed.
{{R from merge}}
Compared to a fully fledged [[presentation program]] the web based slide shows are usually limited in features.
{{R to section}}
A web based slide show is typically generated to or authored in [[HTML]], [[JavaScript]] and [[CSS]] code (files).
== Features ==
=== Player/Presentation Features ===
* Keyboard navigation.
* Slide transitions and animations.
* Auto-play/timed transitions.
* Displays a table of contents.
* Nested slides
* Separate slide notes for the speaker.
* Full screen support, with automatic text and images resizing to fit full screen.
* Responsive layout support, with automatic text and images resizing to fit the resized screen.
* URL to slide (typically accomplishing using a [[fragment identifier]]).
* Print mode.
* PDF export.
* Mobile device support, using a [[mobile web browser]] or a [[mobile app]].
* Compatibility with multiple browsers.
* No extra runtime environments or plugins required to view the slide show (some players may require [[Adobe Flash]] or [[Java (software platform)|Java]])
* [[HTML5 in mobile devices#Offline support|Ability to work offline]].
=== Editor Features ===
* Theme and styling support
* Can embed images
* Can embed videos and audio and other multimedia
* Supports master pages/templates for slides
* Embedding [[SVG]]
* Embedding [[MathML]]
* Embedding other web pages
== List of web-based slide shows engines {{Anchor|List}} ==
* '''audience''' - <ref>http://www.audience.me</ref> WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control
* '''bespoke.js''' - <ref>http://markdalgleish.com/projects/bespoke.js/</ref><ref>http://markdalgleish.com/presentations/bespoke.js/</ref> lightweight web presentation framework with plugin support.
* '''CSSS''' - <ref>https://github.com/LeaVerou/CSSS</ref> CSS-based SlideShow System.
* '''deck.js''' - <ref>https://github.com/imakewebthings/deck.js</ref> a modular and customizable HTML5 and CSS3 slideshow, licensed under the [[MIT license]]
* '''Drupal Slideshow''' - <ref>http://www.cincopa.com/media-platform/drupal-slideshow</ref> can embed slideshows into Drupal.
* '''DZSlides''' - <ref>https://github.com/paulrouget/dzslides</ref> HTML5 and CSS3 slideshow
* '''Google I/O HTML5 slide template''' - <ref>http://code.google.com/p/io-2012-slides/</ref> licensed under the [[Apache License 2.0]].
* '''html-slideshow''' - <ref>https://github.com/robflaherty/html-slideshow</ref> uses HTML and JavaScript to display slides.
* '''HTML Slidy''' - <ref>http://www.w3.org/Talks/Tools/Slidy2/</ref> tool from [[W3C]] for creating slideshows using HTML
* '''HTML5 Rocks''' - <ref>http://slides.html5rocks.com/#slide1</ref>
* '''Better Simple Slideshow''' - <ref>https://github.com/leemark/better-simple-slideshow</ref>
* '''HTML5 Slides''' - <ref>http://code.google.com/p/html5slides/</ref> a slideshow template by Google using HTML5 and CSS3 features.
* '''impress.js''' - <ref>http://bartaz.github.com/impress.js</ref> HTML5 and CSS3 slideshow, licensed under the [[MIT license]]
* '''inertia.js''' - <ref>https://github.com/bonakid/inertia.js</ref> HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
* '''jQuery-Presentation''' - <ref>https://github.com/davist11/jQuery-Presentation</ref> jQuery-based slideshow system
* '''Landslide''' - <ref>https://github.com/adamzap/landslide</ref> generates HTML5 slides from [[MarkDown]] and [[reStructuredText|reST (reStructuredText)]] formats.
* '''Presentation''' - <ref>http://matt.wronka.org/stuff/projects/presentation/</ref><ref>http://freecode.com/projects/presentation</ref> XHTML and CSS3 based system which supports including multiple slide decks and portable compiled files. ([[BSD License]])
* '''Presentista''' - <ref>http://presentista.com</ref> features a WYSIWYG content editor and a [[zooming user interface]].
* '''PreZentit''' - <ref>http://prezentit.com</ref> Collaborative presentation web app released in July 2007.
* '''Shower''' - <ref>https://github.com/shower/shower</ref> licensed under the MIT license.
* '''ShowOff''' - <ref>https://github.com/schacon/showoff/</ref> server-based HTML5 slideshow
* '''Simplebooklet''' - <ref>https://simplebooklet.com</ref> generates hosted embeddable HTML5 slideshows using a [[WYSIWYG]] editor or imported from [[PDF]].
* '''Slidifier''' - <ref>http://slidifier.com</ref> generates slideshows from plain text source.
* '''[[SlideWiki]]''' - supports [[SVG]] and [[LaTeX]]/[[MathML]].
* '''Squeenote''' - <ref>https://github.com/danski/squeenote/</ref> server-based presentation options with support for synchronized presentation on multiple clients.
* '''Stack''' - <ref>http://mbostock.github.io/stack/</ref> presentation library with scroll-vased navigation.
* '''reveal.js''' - <ref>http://lab.hakim.se/reveal-js</ref> HTML5 and CSS3 slideshow, licensed under the MIT license.
* '''TiddlySlidy''' - <ref>http://tiddlyslidy.com/</ref> adds presentations to [[TiddlyWiki]]
== S5-based slideshows ==
[[S5 (file format)|S5]] (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.
* Diascope,<ref>https://github.com/minad/diascope</ref> somewhat compatible with S5, inspired by s5-reloaded, uses [[Sass (stylesheet language)|SASS]].
* Django S5<ref>http://github.com/myles/django-s5</ref>
* DokuWiki S5,<ref>https://www.dokuwiki.org/plugin:s5</ref> converts [[Wiki markup]] to S5 format in [[DokuWiki]].
* Dokuwiki S5 Reloaded.<ref>http://www.dokuwiki.org/plugin:s5reloaded</ref>
* Drupal S5<ref>http://drupal.org/project/s5</ref>
* Gnome-S5<ref>https://github.com/CodeGnome/s5</ref>
* jQuery.s5,<ref>http://www.visop-dev.com/Project+jQuery.s5</ref> plugin for jQuery to support S5
* Plone S5,<ref>http://www.enfoldsystems.com/developer/software/plones5</ref> adds S5 support to [[Plone]]
* Pod::S5,<ref>https://metacpan.org/module/Pod::S5</ref> converts Perl POD format to S5
* Rst2S5,<ref>http://docutils.sourceforge.net/docs/user/slide-shows.html</ref> uses [[reStructuredText|reST (reStructuredText)]] to generate S5 presentations.
* Slideshow (S9),<ref>http://slideshow.rubyforge.org/</ref> supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
* slideous,<ref>http://goessner.net/articles/slideous/slideous.html</ref> HTML-based presentation tool, inspired by S5 and Html Slidy
* Slimey<ref>http://slimey.sourceforge.net/</ref>
* slippy<ref>https://github.com/Seldaek/slippy</ref> is S5 compatible project with PDF export feature.
* spod5,<ref>https://metacpan.org/module/spod5</ref> converts Perl [[POD (Plain Old Documentation)]] format to S5
* S5 Reloaded,<ref>http://www.netzgesta.de/S5/</ref> an extended version of S5.
* S6 Project<ref>https://github.com/geraldb/s6</ref>
* Tiki Wiki S5,<ref>http://doc.tiki.org/JQS5</ref> adds S5 support to [[Tiki Wiki]]
== Flash-based Slideshow ==
* Kizoa<ref>http://www.kizoa.com/</ref>
* [[Prezi]]
==References==
{{Reflist}}
[[Category:Presentation software]]
| 