- View Offline
On line 30, note that we're using jQuery to quickly access different parts of the document.…So here, I'm accessing all these section nodes, and then grabbing the node…associated with the current slide. And adding a class to that.…And that's all done with a single line of code.…The other advantage besides short mark up to using jQuery will be that as you add…additional features to your slides, you'll be able to take advantage of all the…
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