HTML Slides With Deck.js and Extensions

This website reflects my personal opinion. None of my (current or former) employers can be held responsible for the content of this site.

Heeere
Home Technical Corner About me Full CV Publications News This site helped you and/or you want to support me, you can use this button.	INFO: zip bundle, ready to use, available and updated! last update 2012-10-29 ; online since 2012-07-26 TODO: describe extensions, more polish on examples Creating Slides With deck.js and its Extensions This is all about HTML slides (or web based slideshow). Once, I listed interesting features for an HTML presentation system and described (in an deprecated page) my initial contributions to deck.js. The current page shows how to use deck.js with my consolidated contributions implementing the features that I was missing the most: the SVG animations, fitting ( proper scaling), math equations, non-verbose syntax, etc. Visual Index deck.js (core) Minimal core, easily extensible. fit (my ext) Resize slides. simplemath (my ext) Latex math equations in your slides. svg (my ext) Loading SVG with options. step (my ext) Navigate both by slide and by sub-slide. events (ext) Adds internal notifications. anim (my ext) Animations: show/hide, color, size, play video, … smartsyntax (my ext) A very short and simple dedicated language to write slide blazingly fast. clone (my ext) Put a second view on a projector. Deck.js: Introduction (skip if you know) Deck.js is an open source system for writing slides/presentations/“powerpoints” that are played in a browser. From the beginning, deck.js has been designed to be extensible: the core is minimal and extensions are expected to provide additional feature. This extensibility have made deck.js very successful at attracting contributions. Introductions to deck.js can be found on the web: Quick introduction as a 3-slide presentation. Introduction to writing slides as a longer presentation allowing to try themes. The deck.js wiki on github. From an early adopter, a blog post with link to examples (usage can be simplified compared to what is used there). My deck.js with my selection of extension ( on my github repo) I have a github repository which follows the main repository and adds: the core deck.js some extensions that I use (the "events" + all my contributions) This can be obtained with `git clone https://github.com/twitwi/deck.js.git` ZIP Bundle to Download: you can also get the starter packages. Deck.js: fit extension DEMO: presentation illustrating "fit" in deck.js. Deck.js: simplemath extension DEMO: presentation illustrating "simplemath" in deck.js. Deck.js: svg extensions DEMO: presentation illustrating "svg" in deck.js. Deck.js: events/step/anim extensions DEMO: (low-level) presentation illustrating "step" in deck.js. DEMO: presentation illustrating "anim" in deck.js. Deck.js: smartsyntax extension DEMO: presentation illustrating "smartsyntax" in deck.js. Deck.js: clone extension DEMO: presentation illustrating "clone" in deck.js. Other extensions in the wild Syntax highlight and coding in slides: CodeMirror integration into deck.js and CoderDeck (both are extensions to add code inside slides). ... Any feedback or remarks? Something missing? Contact me at click-me ;-p @nospam.com.