Join Justin Putney for an in-depth discussion in this video Hiding the cursor in full-screen mode, part of HTML5 Projects: Creating an Advanced Responsive Presentation.
- View Offline
One of the nice features of the typical PowerPoint or Keynote presentation…software packages is that they'll hide the mouse in full screen mode so that it's not…distracting during the presentation. Let's go ahead and hide the cursor in full…screen as well. So I'm in the chapter 2.02 start folder.…I'm just going to open up the index.html file in a web browser and show you how it…is right now. So if I go to full screen by double clicking.…There's the cursor. It's still there.…I'm just going to hit Esc and get out of that, and then switch back to the exercise…files, and then I'm going to go into the css folder and open up styles.css.…
Then in Dreamweaver, I'm going to scroll down to the bottom.…Now this is kind of a complicated bit of code, so I've put it in a Snippet.…If you don't have access to the exercise files, you can find this kind of…functionality just by doing a search. And I found this in a Stack Overflow answer.…So, I'm going to open up the snippets.css in Dreamweaver as well.…And I'm just going to copy this bit. This is just for webkit, but if you…
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