Web presentations
Dvornik Andrew & Kiselev Eugeniy
Wat kind of monster is it?
Web-presentation are made with web-technologies
HTML
CSS
JavaScript Usage
-
Web service presentation
- Introduction to web-site
- Online presentation
- etc.
REVEAL.JS
VERTICAL SLIDES
SlidesSlides can be nested inside of other slides, try pressing down.
Base element 1
Press down or up to navigate.
Press ESC to enter the slide overview.
BAse element 2
Cornify
Base element 3
That's it, time to go back up.
SLID.ES
Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at http://slid.es.
Markdown support
For those of you who like that sort of thing. Instructions and a bit more info available here.
<section data-markdown>
## Markdown support
For those of you who like that sort of thing.
Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
</section>Transition Styles
You can select from different transitions, like:
Cube - Page - Concave - Zoom - Linear -Fade - None - Default
Cube - Page - Concave - Zoom - Linear -Fade - None - Default
THEMES
Reveal.js comes with a few themes built in:
Custom background
Set data-background="#007777" on a slide to change the full page background to the given color. All CSS color formats are supported.
Image background
<section data-background="image.png">Clever quotes and fragments
Inline quotes: "Lorem Ipsum" and blockquotes
"Lorem Ipsum"
Fade in
var fadeIn = function(){this.animate(400);}
Linkify to inner page
You can link between slides internally, like this.
<a href="#/2">this</a>Export / share
Export to PDF with Pro Accaunt
Share with friends your decks
Or embed your presentation into web-site
<iframe src="http://slid.es/andrewdacenko/deck/embed"width="576" height="420" scrolling="no"frameborder="0" webkitallowfullscreenmozallowfullscreen allowfullscreen></iframe>
Have fun & use power
or not
Sources
The end
Title
Titlehyggty
deck
By Andrew Dacenko
