HTML5 Projects: Creating an Advanced Responsive Presentation
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.
- 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.
HTML5 Projects: Creating Surveys57,512 Views
HTML5 Projects: Interactive Charts37,895 Views
Create a Sliding Tabbed Panel with jQuery70,218 Views
Create Animated Rollovers with jQuery43,748 Views
HTML5 Projects: Integrating Google Store Locator46,152 Views
Illustrator CC 2013 One-on-One: Fundamentals1,676,368 Views
PHP with MySQL Essential Training4,259,922 Views
Illustrator CC 2013 One-on-One: Mastery301,789 Views
iOS 8 App Development with Swift 1 Essential Training1,023,003 Views