Introduction to DZSlides
Build your slides in HTML5 and CSS3 with DZSlides.
What are slides made of?
HTML5 can do that.
How slides behave?
- Resolution independent
CSS3 can do that.
A HTML template.
That brings all the needed features to transform a simple HTML5 page into a presentation.
<title>The Title Of Your Presentation</title>
<h2>Will blow your mind.</h2>
<p>And this is why:</p>
- Easy to share
- Easy to build on top of
- It's cooler than keynote
- No authoring tool
- Some browsers don't like it
Because I want to keep the whole mechanism in one single web page, the features are quite limited.
A Shell is an extension for DZSlides.
A Shell is a web page that embeds a presentation and adds a feature to it.
The Shell and the Presentation communicate with postMessage.
adds controls (back, forward), and a slide count. Useful if you want to embed the slides in a blog post.
Show the current slide, the next slide, a clock and controls another opened presentation (fullscreen).
Also displays the hidden notes from the slides (in the <details> tag). Perfect for a live presentation.
Read the source
Download the template, read it. Look at the examples. There's no "rules".
It's as unlimited as the web is.