Join Justin Putney for an in-depth discussion in this video Challenge: Reverse bullet points, part of Creating an Advanced Responsive Presentation in HTML5.
True challenge in this chapter is to improve the reverse functionality of the…bullet steps. What do I mean by improve it?…Let's take a look at the files that exist right now.…Exercise Files in Chapter 2, 04_Challenge, in the start folder, we'rte going to open…up the index.html file in the web browser. So as it is right now, stepping through…with the right arrow key. And the bullets work great in forward motion.…But if I were to go backward, the bullets are hidden.…
And if I keep going backward I don't see any of them.…Then I can go forward and go all the way through them.…So your challenge is to make the bullets work in reverse.…So in doing so, I want you to think about what you would want or need as a presenter.…How do you want the slide to function when you jump backwards?…Do you want to see all of the bullets? Do you want 'em to work backward in reverse?…Do you want them to fade out until you go backward to the next slide?…What are you doing when you're going backward in your presentation?…You'll have five minutes, hopefully most of this is, is thinking time trying to…
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