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.
Related
I am going to develop one HTML5 Mobile application, my plan is: i am going to develop the pages in web-browser like firefox and then i am planning to convert it for mobile using PhoneGap Application. I plan to use jQuery Mobile also, please suggest me the template to start with. Thanks in advance for any help.
You can check following...On JqueryMobile site's demo section you can find all the templates for your needs...
http://jquerymobile.com/demos/1.2.0/
http://www.mrova.com/free-mobile-template-mobi/
Also please visit nice What jQuery Mobile Means for Developers article and understand what it offers against your requirements before kick starts.
We're new to mobile. We have our HTML5 page (w/ PHP) up and running live. We now want to go mobile. Whether it's a native app or mobile web doesn't make a difference in our situation. We just want to have 1 set of code to maintain (with only minor tweaks here or there for different platforms). We've played around somewhat with Titanium & Phonegap but it seems like we have to make a LOT of modifications to our HTML5 code.
When people talk about a "mobile web app" (ie http://techcrunch.com/2011/11/18/financial-times-mobile/) what do they mean? Is it simply loading our HTML5 website from an iphone? If not, what development frameworks should we use? thx!
I don't see much difference between a mobile web app and a web app. Browsers on smartphones are sometimes even better then browsers people use at home...
Things you should really keep in mind are screen sizes and no mouseover effects.
Common used technologies for a mobile web app are:
HTML 5, CSS , JS , jQuery, jQuery Mobile (which was released 1.0 a few days ago!)
Server technologies are pretty much the same.
In order to generate the impression of a native app you could then use Phonegap.
I recommend using the Sencha framework for mobile apps. It makes your HTML5 app look like, and feel like a native app for any phone OS.
You can surely implement a mobile web application by implementing it as a web application. Obviously you have to give special consideration to the targeted mobile devices, and do lots of prototyping & testing. Browsers are really getting better on the mobile devices - so that's something good.
If you can create the experience you want in a web application, then great! As of now many developers find it worthwhile to write applications that directly target mobile devices, while also providing a web application. Once you have multiple kinds of clients, it's a good idea to implement the functionality in your application in a web API, which is accessible to the various clients (web app (browser), iOS app, Android app, etc.).
I have Web App that cache as per HTML5 on iPhone and Android and desktop browsers
the manefestfile is called cache.manifest
I have arrived at that as it is supported both on android and iPhone
I see AppsGeyser now say that their product support HTML5 apps but when I create an app and load on Android the AppsGeyser app says UNCAHCED
Anyone got cache working on AppsGeyser
HTML5 is a good chose for mobile development. The best thing about HTML5 is that you can move any time to another framework. I can suggest PhoneGap ( http://www.phonegap.com/start/ ) as a stable one.
You can find a lot of such frameworks listed on Wiki:
http://en.wikipedia.org/wiki/Multiple_phone_web_based_application_framework
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.
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.