PhoneGap UI Investigation - jquery-mobile

I am investigating creating cross platform mobile apps using PhoneGap.
I have looked at JQuery Mobile and dojo for UI components.
What other ones are out there? So far I am impressed with both, but they leave me looking for more.
The reason is that JQuery Mobile doesn't look very native. Dojo looks more native for the layout and graphics aren't quite right in my mind. For instance the back button is the same height as the header on Android (assuming I am using it right).

We have found Sencha Touch quite interesting.

The one I use for my app is ionic
http://ionicframework.com/
quick and easy uses Angular JS

Related

Ant Design antd vs antd-mobile for non-native mobile web development

Reading about Ant Design I am getting confused about which library to use for mobile web development. There are two libraries, antd and antd-mobile. While it is clear that antd-mobile supports react-native on iOS and Android, it is unclear which one is best suited for plain mobile (non-native / SPA) web development.
Reading the antd introduction you see statements like "Ant Design which is specially created for internal desktop applications, ...", while reading the antd-mobile introduction you will see "Support Web / iOS / Android platform (Based on React Native)"
From this I would think that ant is somehow not very suitable for web development other than web based desktop (i.e. Elektron) apps.
But trying to build a normal web app with ant-mobile I couldn't get it to work. For example the Button is showing but DatePicker is not. Switching to ant everything seems to work fine.
Am I right to assume that for any non-native mobile development you need to use ant instead of ant-mobile?
If so, what is this supported "Web" platform that antd-mobile is mentioning?
From my experience:
Antd:
Intended for full browser web only (or electron) development, they are no mobile first design, some cases you have to tweak to make you web page look good in mobile.
Antd-mobile:
Antd mobile exports 2 versions of components, the web one (which uses DOM) and the react native version (uses View, Text etc...)
Web version: You can think it's like jQuery Mobile, Sencha Touch etc, it's intended to build pure mobile web page/application, the application that you are going to see in a mobile browser. example, go and open facebook.com, amazon.com with a mobile browser (they look really different then the desktop one).
React Native version: You will use this to build a Mobile App (a hybrid app) that sits in Google Play store/App Store, an app that needs to be installed.
Hope it helps.
If I made mistakes please let me know.

Webapp development - native look and feel framework?

I have made some webapps with jQuery Mobile/Phonegap a year ago. Now starting another one. But it seems jQuery Mobile almost didn't advance. Things like:
Newer UI concepts aren't there. E.g. a left navigation that opens if you click the icon, can make it in jqm, but not very easy.
The styling in line with iOS7+ and android, jqm seems so 2010 on their styling. It just doesn't look like a (near) native app at all.
More recent frameworks like Knockout.js and Require.js can be used, but there's so much overlap with jqm.
I looked around, but it seems all good posts on webapps are 2012. Did development somehow stop at that time? I have found the following solutions:
Sencha Touch: looks good, but goes away from html development, I worry about learning curve. It's almost like native development?
Dojo Mobile: looks like iPhone 3.
Cappuccino: focuses on desktop.
No framework, make html from scratch.
My question: did people give up on webapps for mobile phones with phonegap or are there any good frameworks I don't know about yet?
There are numerous UI frameworks trying to mimic the native look-and-feel. Take a look at for example:
Onsen UI
AppGyver Steroids
Ionic framework
Telerik for PhoneGap
Also Bootstrap has several themes mimicking native iOS and Android.

JSF 2 compatible with jQuery Mobile?

so I have been tasked with finding out whether an existing JSF project can incorporate jQuery Mobile. I have only finished college 2 months ago so I have limited experience, which is why I am turning to you guys for help.
The project is using eclipse with JSF,Maven and Spring. At the moment it is my belief that only jQuery mobile 1.0 is fully usable with JSF. One of the pre-requisites of the project however states that the latest version of jQuery Mobile must be used.
So my question is this, is jQuery 1.2 fully usable with JSF? Or does it have parts that are not compatible.
If so does anyone have any good tutorials they can link to on how to use this?
Thanks in advance for any help provided, any information that needs clearing up or any clarification needed just let me know.
I have used jQuery Mobile 1.0 in combination with JSF2 in the past, and things worked pretty well. Not sure about the 1.2 version, but I don't know any reason why that wouldn't work.
As mentioned in Chaney's comment, binding and retrieving data to the jQuery controls can sometimes be troublesome. You might want to check out PrimeFaces Mobile, which takes most of that burden off you and should get you started pretty quickly (if it doesn't conflict with any other component libraries you are using). The latest version of PrimeFaces Mobile seems to use jQuery 1.8.2 and jQuery Mobile 1.1.0.

Any alternative to Jquerymobile in rhodes for Windows Mobile?

I'm building one project for Cross Platforms like ios, Android, Windows Mobile using Rhostudio.
I'm using jQueryMobile to get a nice look and feel.
All the stuffs going well untill, Windows Mobile comes to play.
As there is no support for jquerymobile in windows mobile, i'm not getting the proper Ui output for it.
Is their any other way we can get the same looks and feels for the windows mobile as like Android or ios ?
Thanks,
Ashis
According to http://jquerymobile.com/gbs/, there is A-grade support for jQM on Windows Mobile.
If you want a native look and feel, you can try a theme developed specifically to emulate the Windows look and feel, such as http://sgrebnov.github.com/jqmobile-metro-theme/samples/jqm-public-demo/index.html.

BlackBerry J2ME vs HTML Javascript framework like PhoneGap

A client wants a blackberry application for listening live radio for his radio station. We focused on iPhone development. I know Java language have done several projects. However haven't tried yet J2ME. Which do you recommend J2ME or HTML Javascript framework like PhoneGap or any other cross platform framework? What are the advantages and disadvantages of them? Thanks.
If you are comfortable with Java Swing or other Java UI programming then going with native is probably a great idea.
If you are more comfortable with HTML, JavaScript and CSS then use PhoneGap. If you are planning on deploying your application to more than one platform then definitely use PhoneGap. PhoneGap also allows you to write native BlackBerry Java code and integrate that with the HTML / JS code in case the specific APIs you need are not exposed.
With the imminent release of BlackBerry OS 6 things should get a lot better on that platform for both PhoneGap (since the browser is now WebKit based) and for native Java programming.
There are many other comparisons between PhoneGap and X on stackoverflow, though most other cross platform frameworks don't support BlackBerry.
J2ME: Blackberry supports this (and is fact still the BB's core), however it's a rapidly aging platform. You can't do many interesting things in BB without the proprietary APIs.
Phonegap: Haven't used it myself but I've heard so-so things about it. High footprint, lowest-common-denominator etc.

Resources