Join James Williamson, senior author at lynda.com, for an exploration of how the robust tools and support for HTML5, CSS3, and jQuery in Adobe Dreamweaver make it easy to develop compelling user interfaces that work seamlessly across devices and screen sizes. During this session, you'll learn how to:• Start with clean, accessible code and progressively enhance your interfaces• Take advantage of jQuery integration in Dreamweaver• Use CSS3 support in Dreamweaver to rapidly build complex styles• Add interactivity through CSS and jQuery• Design interfaces that guide users through the experience

Long-time Dreamweaver users will love the new enhancements to FTP capabilities in Dreamweaver CS6. Learn about multi-channel support, asynchronous upload and download, improved file transfer queues, and non-blocking server activities. These new capabilities allow you to dramatically speed up your file management tasks and allow you to keep your focus on creating great content.

Adobe continues to add support for jQuery Mobile in CS6 with the addition of new jQuery Mobile Sample Pages and the jQuery Mobile Swatch panel. The new jQuery Mobile Swatch panel allows you to quickly apply themes visually to your jQuery Mobile projects regardless of where the themes were created. The new Sample Pages feature improved architecture that makes it easy to swap out themes without affecting layout or functionality.

In Dreamweaver CS6, Adobe has streamlined the integration between Photoshop and Dreamweaver. Learn how to take images directly from Photoshop to Dreamweaver. Then, see how to optimize the images and edit them in Photoshop using Adobe's round-trip editing feature.

Web fonts have become an important part of many web designers' workflows. Dreamweaver CS6 adds support for web fonts through the new Web Fonts Manager. See how to use the Web Fonts Manager to add, manage, and apply web fonts throughout your sites.

Workspaces allow you to quickly and easily shift focus from one task to another in Dreamweaver. In this movie, you'll discover how to take control of the interface. See how to take advantage of the default workspaces in Dreamweaver, or create and manage your own custom workspaces.

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 movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added.

Adobe continues to improve CSS management capabilities in CS6 through the addition of support for multiple classes. Learn how to apply multiple classes to elements at virtually any point through the CSS workflow in Dreamweaver.

Preview web pages for phone, tablet, and desktop resolutions directly in Dreamweaver.