how to develop HTML + CSS for android mobile.. any guidance will be great help
http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide
You could give sencha touch a try . It is a HTML5/JavaScript Framework for developing web applications for Android and iPhone. And it's available under GPL ;)
If you want to know, how to access or use HTML and css in Android apps, then put your HTML and css files in the /asset folder and show them in WebView. WebView is capable of showing web pages with images, css, etc.
You can refer an official book from Oreilly Books:
Building Android Apps with HTML, CSS, and JavaScript : Making Native Apps with Standards-Based Web Tools
http://oreilly.com/catalog/0636920010067/preview#preview
It is a great book for developing apps using web technologies for Android.
Related
i have created my Mobile application with Jquery mobile now i want it to deploy
now how should i deploy across platforms like and android Iphone etc.,
Phone Gap looks promising but it is confusing plus it looks like i have to re code stuff again
please Help
Thanks
jQuery mobile framework provides tools for mobile UI. It is used in combination with standard web application backends. Such applications are deployed on web servers! If you want to make hybride apps you can use PhoneGap, that's right.
PhoneGap projects use an open packaging model that follows the W3C Widget Packaging specification. You have to adjust your project according to the specifications or simply deploy it as a web application on a web server.
Is there a boilerplate for html5 web apps?
Safari for example, has specific guidelines on manifests in order to make a web site into an app, Firefox also has similar guidelines, as does chrome.
Is there any boilerplate for quickly starting an html5 webapp?
You can refer to Google's Web Starter Kit: https://github.com/google/web-starter-kit/blob/master/app/manifest.json
There's also a generator at: https://tomitm.github.io/appmanifest/
There's also a validator at: http://manifest-validator.appspot.com/
https://html5boilerplate.com
Mobile Boilerplate helps you create rich, performant, and modern
mobile web apps. Kick-start your project with dozens of mobile
optimizations and helpers.
jQuery Mobile and PhoneGap both appear to be targeting cross-browser mobile development based on HTML5, but what are the major differences between the two?
What are the Pros and Cons of each framework?
Why would you choose one over the over?
Simply put jQuery Mobile is a UI toolkit for building mobile web applicaitons.
PhoneGap is a JavaScript framework which allows you to access native device functionality like the camera, contacts, file system, etc. PhoneGap does not provide UI elements.
If you want to create a hybrid mobile app, one which is built using HTML5 but runs on a device like a native app, you would not choose one over the other. You'd use both.
JQuery mobile is a javascript library for mobile broswing (mostly adapt the user-interface for better user experience on mobile devices)
Phonegap is a cross-platform development framework that provides core mobile device features to web-based mobile apps (Extracted from here)
Basically, you cannot use phonegape to take pictures from a website, but you can build an app with HTML and javascript (Phonegap) that access to some features in the mobile.
By the way you can use both in the same application: link
JQM is just a javascript framework, gives you some UI controls, animations and manages page navigation for you.
It's still a javascript webpage, so you don't actually have anything compiled in the end. Because of this your users access it using their BROWSER pointing to a URL, just like a normal website (only those are called Web-Apps in iOS language).
PhoneGap is just a Native project (written for all major Mobile hardware, like iOS, Android, BB, WP7, etc...) that wraps a WebView control (basically a browser window) inside an app. You could include your .js/.html files, and those would be loaded LOCALLY. Another feature of PhoneGap is a jscript bridge between your code and the phone's native capabilities (like for example taking a picture from javascript!).
You end up with a NATIVE APPLICATION that you can then post to the AppStore/AndroidMarket.
Hope this helps clarifying the difference.
The jQuery Mobile documentation has a page about making an app with PhoneGap and jQuery Mobile: http://jquerymobile.com/demos/1.0/docs/pages/phonegap.html
Can any one please suggest me the way to develop the Mobile sites .We already have the Main Desktop site and want to develop the mobile versions so what is the best way to developed the mobile version of the site. My site is based on Joomla but i did not find any module full fill our requirement now i want to know one thing more is there any way to develop the mobile site using some software which use API of my main site to access the data base because i have API because i already develop my native app for iPHONE and ANDROID.
Thanks in Advance
I think no.. because Phonegap uses a native library (plug-in) to make things works, for example you have to include phonegap.jar for android projects. And in your website you cant include native code..
Take a look at jQuery Mobile and Sencha Touch
As I have referred some articles and sites, I found that we can also create HTML file and then we can display HTML file using Android WebView..
I have referred at:
Android WebView (WebKit) Tutorial
Understanding User Interface in Android - Part 4: Even More Views
So my question is that:
Is Android provides STYLE/CSS tag to define styles, if yes then there is any way to write STYLE/CSS tag in Android?
Thanx - Paresh
Of course. The Android Web View is a full fledged browser, and supports everything the built in "Browser" application supports (CSS, JavaScript). Newer versions of Android (2.2) have the V8 runtime and do great on the Acid tests.
You would use CSS as you do in any other web page.