Join Justin Putney for an in-depth discussion in this video Challenge: Customized keyboard navigation, part of Creating a Responsive Presentation in HTML5.
Your challenge, if you choose to accept it, is to incorporate the space bar into…the navigation. So typically on a PowerPoint or Keynote…presentation, the space bar acts as a next navigation tool because it's big and it's…easy to reach for when you're caught up in the thoughts of your presentation and you…don't want to be really precise and hit the right arrow.…It's really useful, something a user would expect.…So, use the steps that we've done in this chapter and give this simple one a try.…Hopefully, it should take you less than five minutes.…And we'll be back in a moment with the solution.…
Discover how to structure the HTML and slide content; design the navigation to react to clicks, keyboard input, and swipe gestures; and use CSS to customize the slide display for different screens and animated transitions. Justin also includes a series of challenge-and-solution pairs to test your skills.
Then, when you're ready, watch the HTML5 Projects: Creating an Advanced Responsive Presentation follow-up course to enhance your web presentation slides with audio, video, and an automatic playback feature.
- Structuring an HTML5 slideshow
- Creating the default slide appearance
- Using jQuery to display the current page
- Adding swipe gestures for mobile
- Creating a pause screen
- Translating your ideas into CSS
- Using media queries to adjust the layout
Skill Level Intermediate
Building an Advanced To-Do List with HTML5with Joseph Lowery45m 46s Intermediate
CSS: Transitions and Transformswith Joseph Lowery2h 25m Intermediate
1. Understanding the Project
2. Creating Slides
3. Displaying Pages and Creating Navigation
4. Creating a Responsive Layout
Next steps2m 14s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.