logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

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.

PhoneGap

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Silhouette Studio New PixScan Feature

Photorealistic Digital Art for Digital Stamp

Review - 21-Day Drawing Challenge

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor