g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Folklore and Mythology
Women's Fashion
Holiday/Seasonal Cooking
Hiking & Backpacking
New Age
Weight Loss

All times in EST

Low Carb: 8:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Dreamweaver CS5.5 - PhoneGap and jQuery Mobile

jQuery Support

jQuery is one of the most popular JavaScript frameworks. I was happy to see that DreamweaverR CS5.5 supports jQuery with code hinting as well as some very nice starter layouts for mobile projects. The coding hinting makes it easy to add powerful interactive content to your projects and you can test the jQuery with Live View.

I was especially interested in the starter layouts for mobile projects, hoping to use these layouts both as a learning aid and to speed up my project workflow. These basic jQuery mobile layouts are already coded for you and waiting for you to customize for your project. But it doesn't stop there. Dreamweaver comes packed with several pre-coded jQuery components. From the Insert Panel, you can choose from many UI components such as a layout grid, text or password input, select menu and collapsible block. Because these are blocks of code that Dreamweaver inserts directly into your project, you don't need to do any coding unless you wish to customize the UI component further.


If you are interested in creating Android or iOS apps, you will be glad to hear that Dreamweaver CS5.5 has integrated the PhoneGap SDK into the workflow. With the click of a few buttons, you can download and install the Android SDK directly from within Dreamweaver. I have to admit, it would be nice if you could also do this for the iOS SDK. However, you still need to download and install the iOS SDK manually and then go back to the same dialog box and point Dreamweaver to the location where you have installed the iOS SDK.

Once these SDKs are installed, you are ready to create mobile apps with HTML5, CSS3, jQuery mobile and JavaScript. You can use the jQuery Mobile's Touch-optimized layouts & UI widgets and with PhoneGap you can add mobile app multitouch, geolocation and accelerometer functionality. PhoneGap will also compile and package your app for testing on a device and submitting to app stores.

Live Testing and Safe FTP

Once your project is ready for testing, you can easily test from within Dreamweaver via the W3C Validation Service and Adobe's BrowserLab. If you are connected to the internet, you can test your code with W3C and view the result in Dreamweaver. Double-clicking on any errors will automatically take you directly to the problem code in the Code View window.

Dreamweaver now supports the new FTP variants FTPS and FTPeS for more secure data transfer. It's easy to setup the FTP protocol with your server from within Dreamweaver's Manage Sites dialog box.

← Back

*Adobe provided a review copy to me free of charge.

Join us in the Flash forum. | Join us in the Digital Art and Design forum.


Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Twitter Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Facebook Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to MySpace Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Del.icio.us Digg Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Yahoo My Web Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Google Bookmarks Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Stumbleupon Add Dreamweaver+CS5%2E5+%2D+PhoneGap+and+jQuery+Mobile to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Tangled Heart with Illustrator

Saving SVG Files in Illustrator for Silhouette

Piecing the Mygrafico Logo Text for Animation

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor