Free Sample
+ Collection

Instant HTML5 Presentations How-to

Davi Ferreira

Create beautiful and functional presentations using the reveal.js library, HTML5, and CSS3
RRP $12.99

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781782164784
Paperback64 pages

About This Book

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Create presentations using HTML5 and run them straight from your browser
  • Easily publish presentations on your website by using modern web technologies
  • Extend reveal.js with custom JavaScript code

Who This Book Is For

This book is ideal for those with basic front-end development skills who want to create beautiful HTML5 presentations using the reveal.js library. We assume that you know how to create and edit HTML documents. You also must know how to link CSS files and have some minor knowledge of JavaScript. For some advanced recipes, readers are expected to know how to run commands on a terminal.

Table of Contents

Chapter 1: Instant HTML5 Presentations How-to
Creating our initial presentation (Simple)
Customizing our presentation (Simple)
Adding speaker notes (Simple)
Installing and using Sass (Advanced)
Theming (Medium)
Setting up slide transitions (Simple)
Connecting slides (Simple)
Creating vertical/nested slides (Simple)
Using fragmented views (Simple)
Adding Markdown content (Simple)
Customizing slides with global state (Medium)
Working with custom events (Advanced)
Using reveal.js JavaScript API (Advanced)
Plugins and extensions (Medium)
Exporting our presentation as PDF (Simple)
Server-side speaker notes (Advanced)

What You Will Learn

  • Create an excellent presentation using reveal.js
  • Customize your presentation using reveal.js embed options
  • Build a custom presentation theme using SASS and CSS3
  • Interact with the reveal.js JavaScript API
  • Use reveal.js custom JavaScript events, add speaker notes (both client and server side), and even write a custom JavaScript function that will display an elapsed time clock
  • Create a custom presentation navigation bar using HTML5 and CSS3
  • Export your HTML5 presentation in PDF
  • Customize the presentation using global states, link directly to slides, and create content fragments that display sequentially

In Detail

Presentations are no longer limited to platform specific software. You can now create stunning slides and display them on a web browser using modern technologies like HTML5 and CSS3.

"Instant HTML5 Presentations How-to" will show you how to create beautiful, functional presentations that can run on the latest web browsers. You will learn how to customize and add special effects using HTML5, CSS3 and JavaScript by following a set of engaging, hands-on exercises.

You will start by creating a basic presentation using reveal.js, working your way through customization so that you can tailor it your specific needs. You'll then move on to create a custom theme for your slides, add an elapsed time clock, modify slide transitions, create a navigation bar, and much more.

After going through the exercises in "Instant HTML5 Presentations How-to" you will be able to create a fully functional presentation that will run on all modern web browsers on any platform.


Read More

Recommended for You