by Scott Fegette
Over time, the umbrella of jQuery-related projects has expanded to cover a wide range of uses, and the jQuery community was one of the first to embrace the coming mobile web explosion with jQTouch and the upcoming jQuery Mobile project. As designers and developers are increasingly tasked with delivering multiscreen projects, the Dreamweaver team has decided to get behind jQuery in a big way, and share our own successes and the lessons we’ve learned with our own Spry framework with the jQuery community.
If you attended Adobe MAX 2010, our second-day keynote featured a conversation between our VP of Engineering, Paul Gubbay, and jQuery Creator/Founder John Resig in which Gubbay laid out Adobe’s plans to contribute to the jQuery project. They presented demos of a new animation tool prototype (code-named Edge) that creates rich, animated experiences using standards-based technologies and jQuery Mobile integration directly within Dreamweaver (see Figure 1).
Figure 1. Paul Gubbay and John Resig discuss jQuery in this Adobe MAX 2010 keynote.
jQuery Mobile represents a key area of efficiency for mobile development while retaining the approachability and ease of use that developers have come to expect when working with jQuery. As the mobile web currently spans more hardware and browser variants than desktop web — and continues to expand — the need for a unified framework to make sense of the chaos has never been more necessary. With a robust page/view mechanism supporting transitions, UI elements, dead-simple navigation, and list management, the jQuery Mobile framework provides everything you need to get up and running quickly with a mobile-savvy website or application without a complete crash-course in a new development model. Simple attributes applied to basic <div> elements are all you need, and the jQuery Mobile API offers endless possibilities to those who wish to go under the hood.
In the next version of Dreamweaver, we plan to allow easy creation of a jQuery Mobile project and easy insert objects to let you build out your user interfaces quickly and with confidence. Greatly expanded jQuery code hinting will help professionals make the best use of their time and enable designers to more effectively understand the syntax and structure of jQuery. Combined with the WebKit-powered Live View introduced in Dreamweaver CS4, you’ll be armed with some of the most powerful tools available to help your clients and projects move swiftly into a multiscreen world.
Dreamweaver has always tried to adapt itself to the way web professionals currently work. Given all the incredible momentum and support jQuery has already created — and the jQuery Mobile project is starting to generate — it was a natural step for us to include it in Dreamweaver both to help ease the transition from desktop to mobile as well as to support the many, many ways the core jQuery framework is being used today. The next release of Dreamweaver will be the first step in what we hope will be a long and fruitful collaboration.
Scott Fegette is the Technical Product Manager for Dreamweaver at Adobe - focusing on web standards, community outreach and developer relations. After hours, Scott is a professional musician and photographer.