|
#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 ===
* [[HTML5 in mobile devices#Offline support|Works offline]]
* No extra runtime environments or plugins required to view the slide show (some players may require [[Adobe Flash]] or [[Java (software platform)|Java]])
* Keyboard navigation
* Slide transitions and animations
* Full screen support, can automatically resizing text and images to fit the screen
* Mobile device support, can be displayed on a [[smartphone]] using a [[mobile web browser]] or a [[mobile app]].
* URL to slide, can link directly to a slide using a URL (typically accomplishing using a [[fragment identifier]]).
* Displays a table of contents
* Auto-play/timed transitions
* Compatible with multiple browsers
* Can display slide notes for the speaker
* Print mode
=== 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 {{Anchor|List}} ==
* audience,<ref>http://www.audience.me</ref> WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control
* 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>
* HTML5 Slides,<ref>http://code.google.com/p/html5slides/</ref> a slideshow template by Google using HTML5 and CSS3 features. Released under the [[Apache License 2.0]].
* 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 * 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.
* 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]].
[[MarkDown]] and [[reStructuredText|reST (reStructuredText)]] formats.
* ShowOff,<ref>https://github.com/schacon/showoff/</ref> server-based HTML5 slideshow
* reveal.js,<ref>http://lab.hakim.se/reveal-js</ref> HTML5 and CSS3 slideshow, licensed under the MIT license.
* Shower Presentation Engine,<ref>https://github.com/shower/shower</ref> 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.
* 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>
* S5 Reloaded,<ref>http://www.netzgesta.de/S5/</ref> an extended version of S5.
* Diascope,<ref>https://github.com/minad/diascope</ref> somewhat compatible with S5, inspired by s5-reloaded, uses [[Sass (stylesheet language)|SASS]].
* Gnome-S5<ref>https://github.com/CodeGnome/s5</ref>
* S6 Project<ref>https://github.com/geraldb/s6</ref>
* slippy<ref>https://github.com/Seldaek/slippy</ref> is S5 compatible project with PDF export feature.
* Rst2S5,<ref>http://docutils.sourceforge.net/docs/user/slide-shows.html</ref> uses [[reStructuredText|reST (reStructuredText)]] to generate S5 presentations.
* Django S5<ref>http://github.com/myles/django-s5</ref>
* Drupal S5<ref>http://drupal.org/project/s5</ref>
* jQuery.s5,<ref>http://www.visop-dev.com/Project+jQuery.s5</ref> plugin for jQuery to support S5
* Tiki Wiki S5,<ref>http://doc.tiki.org/JQS5</ref> adds S5 support to [[Tiki Wiki]]
* Plone S5,<ref>http://www.enfoldsystems.com/developer/software/plones5</ref> adds S5 support to [[Plone]]
* spod5,<ref>https://metacpan.org/module/spod5</ref> converts Perl [[POD (Plain Old Documentation)]] format to S5
* Pod::S5,<ref>https://metacpan.org/module/Pod::S5</ref> converts Perl POD format to S5
* 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>
== Flash-based Slideshow ==
* Kizoa<ref>http://www.kizoa.com/</ref>
* [[Prezi]]
==References==
{{Reflist}}
[[Category:Presentation software]]
| 