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]
