December 30, 2009
jQTouch Cheat SheetBy Geoffrey Grosenbach
- The core of a jQTouch application is the markup. Although you can use any HTML or CSS that you like, following conventions for class names and element structure offloads most of the work to the framework.
- A single HTML document contains many pages, each with an optional title inside the toolbar.
- The toolbar works as a navigation bar with a title, back button, and accessory button.
- Custom HTML
- Although jQTouch includes styling for many elements, you don’t have to use them! Style up your own interfaces with HTML and CSS.
- Lists make great menus or table-like displays. Add the rounded, plastic or edgetoedge classes to an unordered list for different styles.
- Stock and freeware icons are easy to use and can make your app look great. A 12px square icon works best. Try Helveticons, Glyphish or Eddit.
- li.arrow & li.forward
- Themes include classes for indicating the clickability of list items.
- Use jQuery to attach to the
tapevent. Or bind to
pageAnimationEndto add your own custom page behavior.
- Subtitles separate sections.
- This class styles unordered lists as half-width buttons.
- A styled div for auxiliary notes.
About the Author
- Firefox 3: How to Increase Productivity with Your Browser
- Outlook Views: Minimize, Maximize, Customize!
- Save Time and Eliminate Spam: Integrate RSS Feeds in Outlook 2007
- Learn the Basics of SharePoint: Usage and Administration
- Welcome in the New Administration: Your Chance to Lead Us!
- 11 Best Keyboard Shortcuts for Outlook 2007
- SharePoint Services Part 3: Learn to Create a New Wiki
- High Five to Microsoft! "Fix it" the New Help Icon Rocks!
- SharePoint Services Part 2: Learn to Create a New Custom List
- Power Up Your Outlook: 5 Things You Must Know How To Do