For those interested in mobile app development I would like to present a solution for creating web apps for mobile devices using the jQuery mobile framework.

The jQuery mobile framework helps create web apps using the simple “write less, do more” on which the jQuery framework was build. Using the framework creating smart and touch-optimized web apps is very easy.

The framework allows for creating apps that work across mobile platforms like iOS, Android or any other.

This is the blueprint for a mobile page:

  1. <div data-role="page">
  2.  
  3.  <div data-role="header">
  4.   <h1>Page Title</h1>
  5.  </div><!– /header –>
  6.  
  7.  <div data-role="content">
  8.   <p>Page content goes here.</p>  
  9.  </div><!– /content –>
  10.  
  11.  <div data-role="footer">
  12.   <h4>Page Footer</h4>
  13.  </div><!– /footer –>
  14. </div><!– /page –>

Using the jQuery mobile framework, we can easily create dialogs, toolbars, buttons, forms, lists and offers support for events like tap, taphold, swipe, orientationchange and many other functionalities.

More information can be found on http://jquerymobile.com/.

jQuery mobile framework

jQuery mobile framework