I am building a singular jquery- mobile application that is accessed by Desktop-browsers, Tablets/iPad, Mobile-browsers (big screens) and mobile devices (smaller screens). I want to discard any mobiles that are too small (say smaller than a defined width and height, were I will show a not compatible message).
So this takes me to 4 categories:
1. Desktop
2. Tablet.
3. Smartphones with big screens.
4. Smartphones with smaller screens.
5. Smaller than 4th category which I will discard with an error message.
Is there any example code that I can write in PHP to know where the request is coming from?
I want to build 4 sets of images and based on the category, send the appropriate images and font sizes while responding with the content.
I am a beginner and am very sure that this is a common problem with solution crafted in a design pattern that you all follow. Where can I find it?
I browsed the applications listed in the JQM homepage to get some inspiration from the existing usages. I am looking for any data-centric publicly available site that shows mini tables, charts and graphs in the jquery-mobile world. I know producing graphs has to be done on the server side with an external library but want to see a m.xyz.com to get the final look and feel.
Also it will be good if it has multiple single-pages for navigation.
I did read all the posts titled long-list... and my question remains open:
I have about 700 items in a list (displayed as checkboxes) from which the user can select multiple items.
These selected check-boxes are automatically serialized in an ajax call to the server from a JQM single page.
Instead of showing this long list, what are my other options from a design perspective or from a tactical angle? This is important for the mobile and of course the desktop version too.
We are building a web application that shows things like statistics and graphs (simple stuff).
Evolution 1: We started with jQuery + PHP + MySQL first in the general Ajax style.
Evolution 2: We realized that we are better off using a third party table (http://datatables.net/) and the Widgets from jQuery-UI.
Evolution 3: (We realized that mobile version of the site is a must have and started exploring jQuery-mobile).
There are two arguments right now - have one codebase for regular desktop browser, and one codebase for all the mobiles supported by jQuery mobile app.
Now here is my question - when I browse the jQuery-mobile documentation, all the pages show well in all the latest browsers of my lapton (FF/IE/Chrome) though I am NOT using a mobile. This of course may not work for older versions of the browsers but I am fine with it as this is a forward looking app and the minimalistic HTML 5 used by jQuery-mobile seems good for desktop web browsers too.
Can I bet on this as a right approach before I realize something too late in the game?