Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Follow along with author Justin Putney as he uses open technologies (HTML5, jQuery, and CSS) to create a dynamic presentation slideshow that responds to mobile and desktop layouts. Learn to customize the slideshow to fit your next project, and to display artwork, photography, and other kinds of content.
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.
(MUSIC). Hi, I'm Justin Putney, and welcome to HTML5 Projects, Creating a Responsive Presentation. This course will show you how to build an HTML5 based presentation from the ground up. First, you'll learn how to structure your content for the presentation. You'll then explore how to create navigation by using the keyboard as well as swipe gestures. And then you use CSS to customize the slide display for different screens, as well as to animate slide transitions.
Once you finish the course, you'll have a set of reusable slides that you can continue expanding to fit the needs of any project.
There are currently no FAQs about HTML5 Projects: Creating a Responsive Presentation.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.