Creating a Responsive HTML5 Slideshow

Creating a Responsive HTML5 Slideshow

Design your HTML5 Slideshow to fit any screen and device

With this movie we will show you how to create a responsive HTML5 Slideshow to fit your computer or device screen size.

Instructions

How to use:

Create a new Fluid Grid Layout using Dreamweaver CS6
Insert HTML5 Slideshow with a width set to 100% and image layout set to fill
Using media queries set different HTML5 Slideshow height for different screen sizes

When to use:

Create a page with a HTML5 Slideshow on it that fits any screen size

Extensions Covered

HTML5 Slideshow

Create Mind-Blowing HTML5 Presentations!

HTML5 Designer Collection

Use the full power of HTML5 and CSS3 to create outstanding websites

Comments

Be the first to write a comment

You must me logged in to write a comment.