|
#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]])
* 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}} ==
* [https://simplebooklet.com Simplebooklet], generates hosted embeddable HTML5 slideshows using a [[WYSIWYG]] editor or imported from [[PDF]].
* [https://github.com/LeaVerou/CSSS CSSS], CSS-based SlideShow System.
* [http://slidifier.com Slidifier], generates slideshows from plain text source.
* [[SlideWiki]], supports [[SVG]] and [[LaTeX]]/[[MathML]].
* [http://presentista.com Presentista], features a WYSIWYG content editor and a [[zooming user interface]].
* [https://github.com/robflaherty/html-slideshow html-slideshow], uses HTML and JavaScript to display slides.
* [http://www.cincopa.com/media-platform/drupal-slideshow Drupal Slideshow], can embed slideshows into Drupal.
* [http://www.w3.org/Talks/Tools/Slidy2/ HTML Slidy], tool from [[W3C]] for creating slideshows using HTML
* [http://code.google.com/p/html5slides/ HTML5 Slides], a slideshow template by Google using HTML5 and CSS3 features. Released under the [[Apache License 2.0]].
* [http://slides.html5rocks.com/#slide1 HTML5 Rocks]
* [https://github.com/adamzap/landslide Landslide], generates HTML5 slides from [[MarkDown]] and [[reStructuredText|reST (reStructuredText)]] formats.
* [https://github.com/schacon/showoff/ ShowOff], server-based HTML5 slideshow
* [https://github.com/paulrouget/dzslides DZSlides], HTML5 and CSS3 slideshow
* [https://github.com/davist11/jQuery-Presentation jQuery-Presentation], jQuery-based slideshow system
* [https://github.com/imakewebthings/deck.js deck.js], a customizable HTML5 and CSS3 slideshow
* [http://bartaz.github.com/impress.js impress.js], HTML5 and CSS3 slideshow, licensed under the [[MIT license]]
* [http://code.google.com/p/io-2012-slides/ Google I/O HTML5 slide template], licensed under the [[Apache License 2.0]].
* [http://lab.hakim.se/reveal-js reveal.js], HTML5 and CSS3 slideshow, licensed under the MIT license.
* [http://tiddlyslidy.com/ TiddlySlidy] adds presentations to [[TiddlyWiki]]
* [https://github.com/shower/shower Shower Presentation Engine], licensed under the MIT license.
* [http://prezentit.com PreZentit], Collaborative presentation web app released in July 2007.
* [https://github.com/bonakid/inertia.js inertia.js], HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.
* [http://www.audience.me audience], WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control
== S5-based slideshows ==
[[S5 (file format)|S5]] (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.
* [https://www.dokuwiki.org/plugin:s5 DokuWiki S5], converts [[Wiki markup]] to S5 format in [[DokuWiki]].
* [http://www.dokuwiki.org/plugin:s5reloaded Dokuwiki S5 Reloaded].
* [http://www.netzgesta.de/S5/ S5 Reloaded], an extended version of S5.
* [https://github.com/minad/diascope Diascope], somewhat compatible with S5, inspired by s5-reloaded, uses [[Sass (stylesheet language)|SASS]].
* [https://github.com/CodeGnome/s5 Gnome-S5]
* [https://github.com/geraldb/s6 S6 Project]
* [https://github.com/Seldaek/slippy slippy] is S5 compatible project with PDF export feature.
* [http://docutils.sourceforge.net/docs/user/slide-shows.html Rst2S5], uses [[reStructuredText|reST (reStructuredText)]] to generate S5 presentations.
* [http://github.com/myles/django-s5 Django S5]
* [http://drupal.org/project/s5 Drupal S5]
* [http://www.visop-dev.com/Project+jQuery.s5 jQuery.s5], plugin for jQuery to support S5
* [http://doc.tiki.org/JQS5 Tiki Wiki S5], adds S5 support to [[Tiki Wiki]]
* [http://www.enfoldsystems.com/developer/software/plones5 Plone S5], adds S5 support to [[Plone]]
* [https://metacpan.org/module/spod5 spod5], converts Perl [[POD (Plain Old Documentation)]] format to S5
* [https://metacpan.org/module/Pod::S5 Pod::S5], converts Perl POD format to S5
* [http://slideshow.rubyforge.org/ Slideshow (S9)], supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.
* [http://goessner.net/articles/slideous/slideous.html slideous], HTML-based presentation tool, inspired by S5 and Html Slidy
* [http://slimey.sourceforge.net/ Slimey]
== Flash-based Slideshow ==
* [http://www.kizoa.com/ Kizoa]
* [[Prezi]]
==References==
{{Reflist}}
[[Category:Presentation software]]
| 