Create jQuery Mobile App – Dreamweaver CS6


Update : Aug 29 2012
Open Dreamweaver CS6
1. New>Page from Sample>Mobile Starters>jQuery Mobile with theme(Local)>save index.html


2. Root Site/Folder

**Update jQuery**

(*Using custom files and folders
You can choose to create custom CSS and JS files for your application.
Make sure that your files are named jquery.mobile.js, jquery.mobile.css, and jquery.js*)
3. Edit size & Multiscreen Preview and content

4. Add theme (option)
Go to Window>jQuery Mobile Swatches>Get more themes
Drag the color in the form
Download and how to add in Dreamweaver CS6
5. Go to Site>Phone Gap Build Service
Phone Gap Build Service -Android
Phone Gap Build Service -Android
Scan QR Code to your Android device
Scan QR Code to your Android device
Phone Gap Build Setting - Android SDK
Phone Gap Build Setting - Android SDK
6.More tools : Fluid Grid Layout
You can also customize your own theme & CSS or use the responsive theme
Fluid Grid Layout
Fluid Grid Layout
Media Queries : Customize the appearance of your site for different screen resolutions
*(Insert>Media Queries)
Multiscreen preview
jQuery Mobile Tools
jQuery Code Hints
Dreamweaver CC: The Missing Manual
Dreamweaver CC: The Missing Manual
Amazon Price: $27.99
List Price: $54.99
Previous
Next Post »
Thanks for your comment