Reveal.js

REVEAL.JSHTML PRESENTATIONS MADE EASY

HEADS UPreveal.js is an easy to use, HTML based, presentation tool. Youll need amodern browser with support for CSS 3D transforms to see it in its full glory. - Hakim El Hattab / @hakimel

VERTICAL SLIDESSlides can be nested inside of other slides, try pressing down .

BASEMENT LEVEL 1Press down or up to navigate.

BASEMENT LEVEL 2 Cornify

BASEMENT LEVEL 3Thats it, time to go back up.

HOLISTIC OVERVIEWPress ESC to enter the slide overview!

WORKS IN MOBILE SAFARITry it out! You can swipe through the slides pinch your way to the overview.

MARVELOUS UNORDERED LIST No order here Or here Or here Or here

FANTASTIC ORDERED LIST 1. One is smaller than... 2. Two is smaller than... 3. Three!

MARKDOWN SUPPORTFor those of you who like that sort of thing. Instructions and a bit more info available here . <eto dt-akon scin aamrdw> # Mrdw spot # akon upr Frtoeo yuwolk ta sr o tig o hs f o h ie ht ot f hn. Isrcin adabtmr if aalbe[ee(tp:/ihbcmhkml ntutos n i oe no vial hr]hts/gtu.o/aie/ rva.smrdw) eelj#akon. <scin /eto>

TRANSITION STYLESYou can select from different transitions, like: Cube Page Concave Linear

GLOBAL STATESet d t - t t = s m t i g on a slide and " o e h n " be aasae"oehn" s m t i g willadded as a class to the document element when the slide is open. This lets you apply broader style changes, like switching the background.

"BLACKOUT"

"SOOTHE"

CUSTOM EVENTSAdditionally custom events can be triggered on a per slide basis by binding to the d t - t t name. aasae Rva.dEetitnr utmvn fnto( { eeladvnLsee( csoeet, ucin) cnoelg csoeet hsfrd ) osl.o( "utmvn" a ie ; });

CLEVER QUOTESThese 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 CODEfnto lniy slco ){ ucin ikf( eetr i(spot3Tasom ){ f uprsDrnfrs vrnds=dcmn.urSlcoAl slco ) a oe ouetqeyeetrl( eetr ; fr vri=0 ln=ndslnt;i<ln i+){ o( a , e oe.egh e; + vrnd =ndsi; a oe oe[] i(!oecasae)){ f nd.lsNm nd.lsNm + rl oecasae = ol; } }; }} Courtesy of highlight.js .

INTERGALACTIC INTERCONNECTIONSYou can link between slides internally, like this .

FRAGMENTED VIEWS Hit the next arrow... ... to step through ... 1. a y t p n ye 2. of view 3. fragments

SPECTACULAR IMAGE!

STELLAR LINKSSource code on githubRead more on my siteFollow me on Twitter

THE ENDBY HAKIM EL HATTAB / HAKIM.SE

http://lab.hakim.se	979882
http://localhost	166709
http://127.0.0.1	10263
http://controldeck.aws.af.cm	7637
http://public.dev	4271
http://revealjs.jit.su	2738
http://datasiteparvus.businesscatalyst.com	2016
http://0.0.0.0	1419
http://dl.dropbox.com	1300
http://mykazantip.com	1226
http://functino.github.com	1103
http://dev.com	981
http://slides-llq.rhcloud.com	850
http://www.raymondcamden.com	838
http://openeye-design.no	830
http://mypage.iu.edu	803
http://192.168.1.100	770
http://www.jqueryscript.net	734
http://responsive.slides.loc.argosit.net	701
http://192.168.0.102	694
http://site.dev	635
http://aitcssp.com	621
http://demos.decodize.com	615
http://akacitron.net	610
http://109.70.7.207	586
http://imasblue.es	577
http://1914-1918	532
http://pablocubi.co	526
http://10.173.136.34	512
http://justafrog.net	494
http://jbdwork.jbdelhommeau.develpv2.mnesys.fr	487
http://mobiassure.com	477
http://win-win.sites.ben.dev	463
http://eleveninc.com	452
http://www.woodlandridgefoundation.org	434
http://mm.yan.webfactional.com	433
http://hemisferio.us	431
http://view-the-source-luke.nko3.jitsu.com	430
http://www.accessio.mobi	426
http://shop.marken-kupplung.de	416
http://presentation.dasistweb.de	400
http://192.168.1.2	397
http://presentation.dev	392
http://polifaces.altervista.org	388
http://collinremst.com	382
http://demo.j-guru.com	377
http://themuse.jp	369
http://192.168.1.57	367
http://revealjs.local	366
http://www.lonobox.dk	364
http://chicca.local	356

Reveal.js

by hakimel on Aug 04, 2012

Accessibility

Categories

Upload Details

Usage Rights

3826 Embeds 1302K

Statistics

Reveal.js Presentation Transcript