Click on any phrase to play the video from that point.
[ADOBE DREAMWEAVER CS5.5 JQUERY MOBILE] Hi, I'm Scott Fegette, senior product manager for Dreamweaver. One of the biggest challenges Web professionals are facing today is the increasing shift towards multiscreen projects. It's rare that current client projects don't consider, if not support outright, one or more alternate form factors beyond desktop browsers and most common phones and tablets. Although most current devices have ways of displaying standard Web content via zooming and scaling, it's increasingly common that the design, information, architecture, and interaction model of the site or application may need to support a more focused experience on mobile devices. jQuery Mobile is one of the most recent frameworks to spring up that addresses this concern. Built on top of the industry-leading jQuery framework for JavaScript, jQuery Mobile provides a standards-based framework for quickly building out mobile-specific interfaces for Web-based projects. As opposed to other frameworks that inject code, content, and attributes in real time, the jQuery Mobile application is very easy to understand, its extended features largely made available via some attributes that you'll need to add to good old semantic markup. By following the simple guidelines, you can build out a mobile-specific interface in minutes, as opposed to hours or days, and make good on the promise of a multiscreen-aware Web for your clients. So in Dreamweaver you'll be able to start from scratch by using the jQuery Mobile template pages to quickly set up a mobile application. Our starter template includes three pages and all the included files you'll need to get up and running immediately, and you can start working from there. Once you've got a project going, Dreamweaver has insert objects which let you really quickly add the interface elements to your application. You can add anything from controls, navigation, UI elements. You can pop those in while just editing the markup with your content. You can also get a quick uncluttered view of your entire site in Design View, which is handy for editing content without the user interface and navigation getting in your way but then flip on Dreamweaver's Live View for an interactive preview of the actual jQuery Mobile site in action or for more advanced styling and theming workflows. And of course when you need to dive beneath the hood of your jQuery Mobile application, Dreamweaver's JavaScript code hinting has been improved greatly in this release, giving you access to jQuery Mobile and jQuery core methods, behaviors, and options. Regardless of whether you're a designer, developer, or producer spanning the entire spectrum of Web project roles, I think you'll find Dreamweaver's jQuery Mobile features incredibly handy for starting, developing, and launching your mobile application projects. In the next few videos we'll start looking at the actual structure of a jQuery Mobile application and explore various aspects of Dreamweaver's support for jQuery Mobile in much more detail. So be sure to stay tuned in to this channel and check these out as well. Thanks a lot for listening. [ADOBE TV - tv.adobe.com]
