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.

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.

Unless you've been hiding under a rock, you know the web is shifting again! HTML5, CSS3, and JavaScript are helping move the web from the desktop onto a multitude of devices and screen sizes. And through the magic of the Phonegap framework, those same technologies are being used to build native applications as well. Join Greg Rewis, product evangelist, as he shows how to use CSS3 Media Queries to adapt the look of traditional web pages to these form factors, and how to implement a more "native" feel to your pages using the jQuery Mobile framework.

Unless you've been hiding under a rock, you know the web is shifting again! HTML5, CSS3, and JavaScript are helping move the web from the desktop onto a multitude of devices and screen sizes. And through the magic of the Phonegap framework, those same technologies are being used to build native applications as well. Join Greg Rewis, product evangelist, as he shows how to use CSS3 Media Queries to adapt the look of traditional web pages to these form factors, and how to implement a more "native" feel to your pages using the jQuery Mobile framework.