HTML5 Projects: Creating an Advanced Responsive Presentation

with Justin Putney
please wait ...
HTML5 Projects: Creating an Advanced Responsive Presentation
Video duration: 0s 1h 15m Advanced


You've created a basic web presentation. Now what? In this course, you'll learn how to spiff up your HTML5 presentation slides with automatic playback, integrated audio and video, and more. Author Justin Putney shows how to embed a Twitter feed, place your presentation on loop, and make subtle polishes like hiding the cursor in full-screen mode and improving the timing of bullets. Justin also includes a series of challenge-and-solution pairs to test your skills.

Need more information on creating an initial web presentation? Watch the related HTML5 Projects: Creating a Responsive Presentation course.

Topics include:
  • Embedding a Twitter feed in an iframe
  • Creating the code for automatic playback
  • Using MediaElement.js in your presentation
  • Adding video and audio


- [Voiceover] My name is Justin Putney and welcome to HTML5 Projects Creating an Advanced Responsive Presentation. In this course, you'll create a self-running presentation that can automatically step through individual bullet points, have self-running audio narration and video, and display interactive Twitter feeds. You'll also learn how to customize the presentation to function with gusto on iPads and other devices; and how to cache your slide content so that it can also be viewed offline.

Once you finish this course, you'll have the tools to bring your static slide shows to life and you'll be able to show the slides on any device you choose.

please wait ...