Book Image

PhoneGap 2.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 2.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>Do you want to create mobile apps that run on multiple mobile platforms? With PhoneGap (Apache Cordova), you can put your existing development skills and HTML, CSS, and JavaScript knowledge to great use by creating mobile apps for cross-platform devices.</p> <p>"PhoneGap 2.x Mobile Application Development Hotshot" covers the concepts necessary to let you create great apps for mobile devices. The book includes ten apps varying in difficulty that cover the gamut – productivity apps, games, and more - that are designed to help you learn how to use PhoneGap to create a great experience.</p> <p>"PhoneGap 2.x Mobile Application Development Hotshot" covers the creation of ten apps, from their design to their completion, using the PhoneGap APIs. The book begins with the importance of localization and how HTML, CSS, and JavaScript interact to create the mobile app experience. The book then proceeds through mobile apps of various genres, including productivity apps, entertainment apps, and games. Each app covers specific items provided by PhoneGap that help make the mobile app experience better. This book covers the camera, geolocation, audio and video, and much more in order to help you create feature-rich mobile apps.</p>
Table of Contents (19 chapters)
PhoneGap 2.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
InstallingShareKit 2.0
Index

The table


Tables are everywhere. We've used them in most of our apps, Projects 2 to 7, and also Projects 9 to 10. These can be styled nearly to the point where they're not recognizable as a table, but essentially any repeatable content is a table. So a list of tweets, list of e-mails, or a contact list is a table.

Tables should provide information in a reasonably succinct form. Important text should stand out, while supplementary information should be in a lighter color or smaller font. If an image is provided, be sure that it is large enough to be useful, and that the text wraps nicely around it. Think carefully about the position of the image; the position might convey important information (for example, in a messaging app images on the left might refer to messages being sent to you, while your image on the right might refer to messages that you sent out).

For those platforms that support disclosure icons (arrows, checkmarks, and so on), be sure to put them in the correct place for your platform. If tapping them does something other than the action that would occur by tapping the row, be sure to give enough of a tappable area for the user to target.

Some apps have added lots of gestures to table rows. TweetBot is a good example where swiping one direction will do one action, while swiping another direction will do another. Generally this is pretty novel, and users aren't going to do a lot of swiping on table rows, except if it looks like the content is deletable. In this case, they might swipe right-to-left to attempt to delete a row. (If the row is in fact something that can be deleted, then the appearance of a Delete button would be appropriate.) An example of this is shown in the following screenshot: