Source code

Highlighted using Prism.js

					
						<pre>
							<code class="language-xxxx">
							// where xxxx = javascript, html, css...
							</code>
						</pre>
					
				

Get background images with:

					
						<section class="background-image" data-background="/path/to/image">
						...
						</section>
					
				

Fragments

Let you show or hide items on demand, as you press the down and up arrows

• There can be any number of fragments per slide
• Elements with class="fragment" become fragments
• They'll be initially hidden when the slide is shown
• This technique is specially good for bullet points
• See?

iframes will be automatically hidden for all but the currently active slide

This is to avoid hidden frames emitting sounds in the background, etc

Set them with data-src instead of src

					
						<iframe data-src="path/to/iframe">
						</iframe>