Sometimes I have to put text on a path

Tuesday, July 12, 2011

ALL about "Online Slides" service: Web Based Slideshow; HTML Slidy, S5, HTML5Slides, swinger; google presentation; How to Add Slideshow in Blogger?

ex-ample: "HTML5SLIDE" showcase slides:

I)---HTML (and Javascript) based
Slidy and Slidy2

HTML5 Slides


II)--no HTML:
Google Docs Presentations
Zoho Docs Show

III)-Tools : slideshare

Preface (slides and mathematics)
see also

A special case:
If you want slides with equation and mathematics: LaTeX Beamer.
Beamer is a LaTeX class for creating presentations that are held using a projector, but it can also be used to create transparency slides. Preparing presentations with Beamer is different from preparing them with WYSWYG programs like's Impress, Apple's Keynote, or KOffice's KPresenter. A Beamer presentation is created like any other LaTeX document: It has a preamble and a body, the body contains \sections and \subsections, the different slides (called frames in Beamer) are put in environments, they are structured using itemize and enumerate environments, and so on.
The obvious disadvantage of this approach is that you have to know LaTeX in order to use Beamer. The advantage is that if you know LaTeX, you can use your knowledge of LaTeX also when creating a presentation.

I)---HTML (and Javascript) based:
S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining. S5 is not a presentation program, but fulfills the same purpose in combination with a standards-compliant web browser. 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.

Each slide is enclosed in a classed element; IDs are dynamically assigned via JavaScript.

Interesting example with google maps:
The High-Yield Detonation Effects Simulator, an experiment in AJAX and Google Maps programming based on public data and showing the destructive zones of large explosions.

Django S5:
Drupal S5:

import to S5:
One can use reStructuredText to generate S5 presentation using :

DokuWiki ( a plugin that converts Wiki markup to XHTML-compatible S5 presentations.

export from S5:
slippy ( is S5 compatible project which has capability to export html slideshow into pdf.

Slidy and Slidy2:
Similar to S5, from W3C.

Each presentation is a single XHTML file.

A Lightweight HTML Based Presentation Tool, inspired by S5 and Html Slidy

HTML5 Slides:
See also the slide presentation at the beginning of this post.
A slide presentation by Google using HTML 5 & CSS 3 features (e.g. CSS transitions).

Generates HTML5 slides  from markdown/rst documents.

very simple: just write some markdown.

very simple

II)---no HTML:

Google docs presentations:
an example:
You can edit this ppt (if you have a google docs account).

This embed code is just an iframe .

  • the Menu (bottom right) (just copy the iframe code);
  • the button near of slide (bottom).
    It "opens a new window".
    selct the menu "Actions" (bottom).
     you can download as ppt, pdf or edit, print slides.

Rem: if you right click (mac: ctrl click) on this slide, nothing...

If i change its content (and just "save") then  the changes are "auto-updated".

Zoho Docs Show:

example of a presentation:

If you right click (mac: ctrl click) on this slide, you get a menu. Try it!
(i choose the right clic option when i shared this slide).
III)-Tools: slideshare
alexa 252 (data@july 2011)
upload your presentations (PDF, office files, youTube...) and share:

SlideShare 101

No comments:

Post a Comment