Reuse UI for smartphones and tablets using PhoneGap + jQuery Mobile

When developing mobile apps using PhoneGap for smartphones and tablets, how to reuse most of the UI code? The reason why I am asking is the UI layout for smartphones apps and tablets will need to be different due to the difference in their screen sizes.

I would really like to know what your recommendation is so that I can take as much advantage of using PhoneGap as possible. Thank you for your guidance in advance.

Framework I am considering to use are:

PhoneGap jQuery Mobile Backbone.js


While We deal with the UI design in hybrid applications in Phonegap, using css techniques is a simple and good option. I have some links to share with you, which is worth reading and will be helpful in solving your problem,

link 1 : Mobile Web Design: Tips & Techniques link 2 : Liquid layouts the easy way link 3 : The 5-Minute CSS Mobile Makeover

Hope, these links will help you.

Need Your Help

How to do SEO Url changes and Redirects for google AppEngine Webapp2 Urls?

python google-app-engine webapp2

I am moving my company website to google app engine, Its mostly static content with small sections like dates to be generated using python. I have setup everything correctly and its working fine on...

Replacing characters in a string and returning in python

python string list replace

I'm using Pycharm as the software tool to code in python.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.