Using Backbone.js with jQuery Mobile. Backbone.js is an architectural framework that helps you write well-structured Web applications.
It is not, however, a user interface framework and it therefore doesn’t help you with the way your application looks. Backbone’s confined scope is a good thing: it’s lightweight, non-intrusive, not coupled to things you don’t need, and it lets you use the UI toolkit of your choice or simply roll your own styles and widgets. In my previous post, I demonstrated how to use Twitter Bootstrap on top of Backbone. Quest for a Mobile UI Toolkit After that post, I wanted to create a mobile version of the same application; a version that I could package with PhoneGap and that would look and behave like a native app. A free jQuery slideshow by Pixedelic. A simple slide This is the "simple anathomy" of a slide: Captions You can add a caption to the slide, just put a div with class "camera_caption" into the div above:
jQuery Mobile Tutorial: Creating a Restaurant Picker Web App. Mar 08 2012 With an increase in the number, diversity and complexity of smartphones, more and more companies want to have their own mobile app, but creating a native app can be pretty expensive.
It requires special skills, as well as special coding tools, and then there is also the need to build an app per platform (Android, iOs, BlackBerry, Windows Phone, etc). 960 Grid on jQuery-Mobile - merge 960.gs flexibility with jquery-mobile ease. Jquery-mobile-960 is a port of 960 grid to jquery mobile.
It merge the flexibility of 960.gs, and the ease of jquery mobile. It aims to bring more flexibility to jquery-mobile layout and thus make it easier to use on tablets. To use 960 grids in jQuery Mobile, simply add one line: And now you can use normal 960 grid syntax inside jQuery mobile pages <fieldset class="container_12"><div class="grid_2"><button type="submit">Button 1</button></div><div class="grid_8"><button type="submit">Button 2</button></div><div class="grid_2"><button type="submit">Button 3</button></div></fieldset>
In this article, learn about the features of this framework, including the basic pages, navigation toolbars, form controls, and transition effects. To follow along with this article, you will need: jQuery Mobile Themeroller by Productscape.com.