jQueryMobile

image

jQueryMobile is a robust mobile development framework to build cross-mobile-platform apps. jQuery Mobile supports a wide range of different platforms, from a regular desktop, smart phone, tablet, or an e-reader device like Nook or Kindle. Similar to its sibling, jQuery UI, jQuery Mobile comprises a number of UI that, in this case, is optimized for mobile and touch-enabled devices.

Bootstrap

(This site is built in bootstrap)

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Bootstrap supports responsive web design. This means the layout of web pages adjusts dynamically, taking into account the characteristics of the device used (desktop, tablet, mobile phone).

Bootstrap contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.

Bootstrap Code

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

PhoneGap

The core of PhoneGap applications uses HTML5 and CSS3 for their rendering, and JavaScript for their logic.

PhoneGap provides a set of JavaScript API’s that connect to the device’s native functions such as Camera, Compass, Contacts, and Geolocation. Cordova/PhoneGap lets us build a mobile application without the native programming language; instead we can use a framework like jQuery Mobile.

Phonegap will compile your app using the platform’s SDK and will be ready to install on the platform it supports - iOS, Android, Windows Phone, Blackberry and Web OS..

image.