Multiscreen preview


show more Multiscreen preview provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5.5 New Features show less
please wait ...

Multiscreen preview

If you're designing for multiple screen sizes, having the ability to accurately preview for those resolutions is incredibly important. The Multiscreen Preview panel was first introduced as part of Dreamweaver's HTML5 pack. With the CS5.5 release, it joins Dreamweaver as a native feature. So I have the index.htm in the 03_04 folder opened up, and this is going to give us an opportunity to explore the Multiscreen Preview panel and see what it can do for us. So this page currently has two media queries applied to it: one for tablets and one for mobile devices.

So if I go to my Multiscreen Preview panel and I click that to open it up, you can see it takes up a good bit of screen real estate, and if you have a high screen resolution, you can probably flip this panel around a little bit, but more often than not, it's going to take up a good portion of your screen real estate. So I have a Preview section for Phone, one for Tablet, and one for Desktop, and if I look in the upper righ...

Multiscreen preview
Video duration: 5m 23s 1h 50m Intermediate

Viewers:

Multiscreen preview provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5.5 New Features

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...