Reveal.js
Upcoming SlideShare
Loading in...5
×
 

Reveal.js

on

  • 6,279,456 views

Sample presentation exported from reveal.js, the open source HTML presentation framework: http://lab.hakim.se/reveal-js.

Sample presentation exported from reveal.js, the open source HTML presentation framework: http://lab.hakim.se/reveal-js.

Statistics

Views

Total Views
6,279,456
Views on SlideShare
2,295,803
Embed Views
3,983,653

Actions

Likes
15
Downloads
142
Comments
7

12692 Embeds 3,983,653

http://lab.hakim.se 2685659
http://localhost 742238
http://127.0.0.1 97721
http://revealjs.jit.su 14550
http://controldeck.aws.af.cm 10923
http://public.dev 8705
http://0.0.0.0 8239
http://www.editey.com 5165
http://www.jqueryscript.net 4172
http://pablocubi.co 2794
http://10.1.60.95 2381
http://posaune.hatenablog.com 2132
http://datasiteparvus.businesscatalyst.com 2017
http://192.168.1.100 1922
http://slides-llq.rhcloud.com 1651
http://demos.decodize.com 1613
http://macbook-pro-van-janko.local 1449
http://drdrewdesigns.com 1403
http://www.raymondcamden.com 1369
http://www.clients.leibowitz.co 1334
http://dl.dropbox.com 1300
http://trickystudio.com 1250
http://mgtow.net 1231
http://mykazantip.com 1226
http://www.onlinehtmleditor.net 1168
http://presentation.dev 1136
http://functino.github.com 1104
http://gordienoye.github.io 1082
http://webklusive.com 1019
http://dev.com 981
http://mgtow.com 977
http://plus.url.google.com 936
http://slide-shifter.rhcloud.com 900
http://syx.sk 881
http://camaro_2014 864
http://openeye-design.no 830
http://mydev.ui.naver.com 820
http://mypage.iu.edu 803
http://functino.github.io 783
http://prototype3.toowards.com 768
http://pageperso.iut.univ-paris8.fr 766
http://dl.dropboxusercontent.com 757
http://192.168.0.102 729
http://optik.redirectme.net 720
http://192.168.1.8 709
http://profidata.vm 707
http://responsive.slides.loc.argosit.net 701
http://berteltorp.dk 682
http://tansha.de 670
http://site.dev 635
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

15 of 7 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Reveal.js Reveal.js Presentation Transcript

  • 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