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

FrameMaker 11 and easy access to XPath to locate almost any combination of code in XML and/or DITA

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.

Developer Evangelist Raymond Camden shares some advice on how to strategically debug the load times of your ColdFusion sites, identifying unnecessary queries and inefficient code.

Take a deep dive into using CSS3 media queries to create websites that look good and work well on desktops, tablets, and mobile phones regardless of screen size. In this session, bestselling author and trainer David Powers explores how to optimize style rules for each type of device depending on its features, such as width, height, aspect ratio, and orientation. You'll also learn how to cope with older browsers that don't support media queries and how to avoid wasting mobile users' valuable data allowance by forcing them to download assets intended only for larger screen sizes.