Learn how to use Dreamweaver's Fluid Grid layout to create a responsive web design that adapts to different screen sizes. Taken from Train Simple's Dreamweaver Training

Discover how Adobe Dreamweaver helps you create websites with a responsive framework for the wide variety of screen sizes. There is growing demand for responsive sites, and we'll help you stay ahead of the curve. We'll explore the new Fluid Grid Layout workflow — our response to the write-once-deploy-everywhere "unicorn" — and outline how this workflow enables Dreamweaver to uniquely support responsive design. Join us to learn about:• Dramatically improved Fluid Grid Layout workflow in Dreamweaver for more easily generating HTML code for responsive sites• Improvements in Dreamweaver that allow meaningful, responsive development cycles• Updated jQuery Mobile support and how you can leverage this deep integration to streamline your mobile development

Watch this episode where Sr. Product Mgr Jacob Surber interview Fluid Agency to get their initial impression of Reflow and how the application will fit into their daily workflow.

Adobe is proud to introduce the Preview for Edge Reflow, available to the public for the very first time via the Creative Cloud. In this episode, we will give you the high level details of what Reflow is and where you can download it.

Innovation is constantly being added to Dreamweaver with now our second update excluvively for Creative Cloud members. This second update adds more support for HTML5, JQuery, web fonts and enhancements for creating fluid grid layouts.

Designing for multiple screens can be a difficult and time-consuming task. The new Fluid Grid feature in Dreamweaver CS6 gives designers a visual way to control page layout for multiple screen sizes. It also automatically integrates cross-browser consistency through the use of HTML5 boilerplate and the respond.js library.

In this episode, hear from Paul Trani, Adobe World Wide Web Evangelist, about the Creative Cloud and many of the new features in Adobe Design and Web Premium CS6. Learn more about updates to industry leading CS6 tools, including breakthrough image editing in Photoshop CS6 Extended, adaptive design with fluid grid layouts with Dreamweaver CS6, export to HTML with the CreateJS tookit for Flash Professional CS6 (available separately) and more. Explore how new tools and services like Adobe Edge preview, Typekit and Business Catalyst enable web professionals to create immersive experiences with built-in support for all the latest web standards including HTML5, CSS3, and Javascript and publish on-line businesses.

Adobe Evangelist Greg Rewis shows how to create adaptive designs using Fluid Grid Layouts in Dreamweaver CS6.

Create cross-platform and cross-browser-compatible web designs using the CSS3-based fluid grid layout system.

Greg Rewis, Worldwide Web Evangelist shows a new tool coming in Dreamweaver CS6 - Fluid grid layouts to help create adaptive layouts for more screens and devices.