This video demonstrates inspecting properties on media queries and global elements. (Read the article to learn more.)

See how CSS authoring within Adobe Dreamweaver has been completely reinvented with a visual tool that enables faster, more efficient, and trustworthy CSS code. Join us to see how visual CSS:• Allows you to focus on execution and results• Delivers full and dynamically updated support of the latest CSS3 innovations• Enables smoother typography, rounded corners, and easier gradient design• Supports CSS transitions, sticky positioning, and seamless media query definition

Join this session to learn how you can leverage Adobe Edge Reflow in your responsive design workflow. We'll start from the beginning and walk through the key stages in the design and development process. You'll learn how to:• Import visual designs into Edge Reflow• Leverage the visual media-query breakpoints in Edge Reflow• Customize designs for different screen sizes • Extract the CSS code from Edge Reflow

Join this session to learn how you can leverage Adobe Edge Reflow in your responsive design workflow. We'll start from the beginning and walk through the key stages in the design and development process. You'll learn how to:• Import visual designs into Edge Reflow• Leverage the visual media-query breakpoints in Edge Reflow• Customize designs for different screen sizes • Extract the CSS code from Edge Reflow

The true power of Reflow is not only designing and creating layouts using CSS, but the ability to have those layouts respond to different screen sizes. From desktop to tablet to mobile. Evangelist Paul Trani takes you through how to take an initial layout, add breakpoints and modify that layout to your liking for all the various screen sizes you'd like to target. Download Adobe Edge Reflow Preview from the Creative Cloud today and give us your feedback through the Adobe Forums or on Twitter: @Reflow @PaulTrani

RoboHelp 10 supports HTML5 with multiscreen output to a variety of devices. Find out how media queries can help optimize content for the right device

RoboHelp 10's HTML5 support and other tools, including media queries, allow your content to determine which device it is being displayed on, and the get optimized. This is one of several videos that highlight key features in the latest release of Technical Communication Suite 4 (TCS4), which includes FrameMaker 11 (FM11), RoboHelp 10 (RH10), Captivate 6 (CP6) and more. With TCS4, work faster and smarter with cross-product integration. Easily author and enrich XML/DITA content. Publish to multiple channels, formats and screens using multiscreen HTML5, and increase overall enterprise productivity.

Chris Converse shows you how to use media queries to alter the size of images with an HTML element as a container to change the dimensions and position properties. Read the article to learn more.

Chris Converse gives an overview of this provided template that uses CSS3 media queries. Read the article to learn more.

Learn how CCC3 can help customize your project for different screen sizes.