lt reveal js
TRANSCRIPT
A simple intrudoction to
Reveal.Js
by Han Xiao
What Is Reveal.Js?A to create presentations
Using HTML
FRAMEWORK
Seriously, What Is It?It is just a bunch of , , and sJS CSS <section>
<head> <link rel="stylesheet" href="css/main.css"></head><body> <div class="reveal"> <div class="slides"> <section> <h2>Reveal.js</h2> </section>
<section> <h2>What is reveal.js?</h2> </section> </div> </div><script src="js/reveal.min.js"></script></body>
And All Your Slides Is In A Single HTML File
Let's see it ALL!
How Does It Work?It works
by Using CSS3 3D Transform
Why Would I Use It?Why Not PPT Or Ooo?
It has many wonderful features
And,
It's FUN!
Some Cool FeaturesNested slides.
Try sliding DOWN
Vertical Slide 1
Vertical Slide 2
Now Goto Next Slide By Press RIGHT
Markdown SupportWrite markdown directly in HTML code.
With bold, italic, , inline code and lists:
item1item2
by using
link
<section data-markdown> ## Markdown Support
Write markdown directly in HTML code.
With **bold**, _italic_, [link](), inline code and lists:
* item1 * item2</section>
showdown.js
Code Highlight
Supported by .
function hight() { var prompt = "Hello world";
alert(prompt);}
highlight.js
Pure WebWhich means
We can use anything as developing a website
Like insert an img
<img width="375" height="300" src="img/success.jpg" alt="success">
Or a GIF
<img width="210" height="158" src="img/voice.gif" alt="VoiceOfLab">
And even a video
<iframe width="640" height="360" src="http://www.youtube.com/embed/u5X5cV-4LRo?rel=0" frameborder="0" allowfullscreen></iframe>
Mobile SupportRuns well on Android 4.1 with default browser
and
3D transforms have been on iPhone since 2.0supported
Using Any Javascript And CSSlike
AndAnd ofof causecause , wewe cancan useuse BootstrapBootstrap
jQuery
If This Does Not Satisfy YouIt is easy to write our own library using Javascript/CSS
Export To PDFIt can be printed to a PDF by using Chrome
And Many Other FeaturesSpeaker notes by Node.jsTheme supportDifferent transitionsCustom eventsAuthoring tools. ...
rvl.io
But, It Has Some ConsDepends on CSS3 3DNot easy to codeNot good to publishSometimes requires network
ReferenceReveal.js on
of reveal.jsIntrudoction to Compare to
GithubDemo slides
CSS3 3D Transformimpress.js
Thank You!