Reveal.js
-A CSS 3D Slideshow
- -Heads Up
-- reveal.js is an easy to use, HTML based, presentation tool. You'll need a modern browser with - support for CSS 3D transforms to see it in its full glory. -
-- - Hakim El Hattab / @hakimel -
-Reveal.js
+A CSS 3D Slideshow
+ +Vertical Slides
+Heads Up
- Slides can be nested inside of other slides,
- try pressing down.
+ reveal.js is an easy to use, HTML based, presentation tool. You'll need a modern browser with
+ support for CSS 3D transforms to see it in its full glory.
+
+ - Hakim El Hattab / @hakimel
- -
-
Basement Level 1
-Press down or up to navigate.
+Vertical Slides
+
+ Slides can be nested inside of other slides,
+ try pressing down.
+
+
+ Basement Level 1
+Press down or up to navigate.
+Basement Level 2
+Cornify
+
+ Basement Level 3
+That's it, time to go back up.
+ +
+
+ Basement Level 2
-Cornify
-
+ Holistic Overview
++ Press SPACE to enter the slide overview. This allows you to navigate faster + in larger decks using the keyboard. +
++ This feature is highly experimental and will be updated to boost performance. +
Basement Level 3
-That's it, time to go back up.
- -
-
+ Marvelous Unordered List
+-
+
- No order here +
- Or here +
- Or here +
- Or here +
Holistic Overview
-- Press SPACE to enter the slide overview. This allows you to navigate faster - in larger decks using the keyboard. -
-- This feature is highly experimental and will be updated to boost performance. -
-Marvelous Unordered List
--
-
- No order here -
- Or here -
- Or here -
- Or here -
Fantastic Ordered List
--
-
- One is smaller than... -
- Two is smaller than... -
- Three! -
Clever Quotes
-
- These guys come in two forms, inline:
- The nice thing about standards is that there are so many to choose from
and block:
-
- For years there has been a theory that millions of monkeys typing at random on millions of typewriters would - reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue. --
Pretty Code
-
-var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
- document.body.style['MozPerspective'] !== undefined ||
- document.body.style['perspective'] !== undefined;
-
-function linkify( selector ) {
- if( supports3DTransforms ) {
-
- var nodes = document.querySelectorAll( selector );
-
- for( var i = 0, len = nodes.length; i < len; i++ ) {
- var node = nodes[i];
-
- if( !node.className || !node.className.match( /roll/g ) ) {
- node.className += ' roll';
- node.innerHTML = '' + node.innerHTML + '';
- }
- };
- }
-}
+
+ Fantastic Ordered List
+
+ - One is smaller than...
+ - Two is smaller than...
+ - Three!
+
+
-linkify( 'a' );
- Courtesy of highlight.js.
-Intergalactic Interconnections
-
- You can link between slides internally,
- like this.
-
Clever Quotes
+
+ These guys come in two forms, inline:
+ The nice thing about standards is that there are so many to choose from
and block:
+
+ For years there has been a theory that millions of monkeys typing at random on millions of typewriters would + reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue. ++
Pretty Code
+
+ var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
+ document.body.style['MozPerspective'] !== undefined ||
+ document.body.style['perspective'] !== undefined;
+
+ function linkify( selector ) {
+ if( supports3DTransforms ) {
+
+ var nodes = document.querySelectorAll( selector );
+
+ for( var i = 0, len = nodes.length; i < len; i++ ) {
+ var node = nodes[i];
+
+ if( !node.className || !node.className.match( /roll/g ) ) {
+ node.className += ' roll';
+ node.innerHTML = '' + node.innerHTML + '';
+ }
+ };
+ }
+ }
+
+ linkify( 'a' );
+ Courtesy of highlight.js.
+Intergalactic Interconnections
+
+ You can link between slides internally,
+ like this.
+
Fragmented Views
-Hit the next arrow...
-... to step through ...
--
-
any type
- - of view -
- fragments -
Spectacular image!
- -
-
- Stellar Links
- -THE END
-BY Hakim El Hattab / hakim.se
-Fragmented Views
+Hit the next arrow...
+... to step through ...
+-
+
any type
+ - of view +
- fragments +
Spectacular image!
+ +
+
+ 
- 