Join Paul Trani for an in-depth discussion in this video Implementing media queries, part of Dreamweaver CC 2013 New Features.
These days we not only need to be concerned about how our content looks in …a desktop browser, but also how it looks if it's on a tablet or even a mobile device. …So we need to make sure our content responds appropriately. …And luckily the CSS designer panel makes it really easy to implement media …queries, because that's how creating a responsive design is usually done. …So the first thing I need to do as is says here, you need to select a source, …which will be my style tag, right here. And then I can click the Plus sign, to …add a media query. Now I'm gonna do that in a second, but …know that the property here that I'm gonna manipulate is gonna be this article.…
So I want this article to always be centered, on the tablet device as well as …on a mobile, device, and then be off to the right hand side on my desktop. …So again selecting style, adding a media query by clicking that Plus button. …And you'll see that it says media, query, screen is what I'm gonna implement. …So I'm just gonna add a condition. So, if you're viewing it on a screen, as …
Note: Adobe Creative Cloud is updated on a regular basis. We will add more tutorials as features are added or changed, so check back often.
- Getting used to the new interface
- Syncing your settings
- Implementing media queries with CSS Designer
- Working with the Fluid Grid layout updates
- Adding HTML5 audio and video