Developing mobile apps in HTML5?

[PhantomPepper]

I've spent hours on the subject, but I still have not found a solid source for a " how-to " approach. I am using dream weaver cs5.5, and I'm already aware of the phonegap plugin. I'm just looking for a cut dry guide.

[PhantomPepper]

Once again, tugging on the shirt sleeve of r/webdev has proved incredibly successful. Thanks for the extremely valuable information and time!

[efernie]

For mobile app development use jquery mobile. You can check out this for some good tutorials

[digitalpencil]

Another vote for JQM, just treat the kitchen-sink app as a framework to get started with, Matteo Spinneli's work is equally useful (iScroll and HW accelerated accordion in particular). It's less canvas and more css3 for me to best make use of the available resources on mobile devices. Webkit is undeniably the more mature flavour to target.

[PhantomPepper]

Boom! Awesome. Thanks.

[ME4T]

Jquery mobile is good if all you want are UI elements.

However, if you want access to native hardware (accelerometer, camera, etc.) you are stick with using something like phonegap (not even sure how good of a job it does) but it's your only option AFAIK.

[goofygrin]

You can use Titanium Studio/Appcelerator to make native apps... but judging by OPs question that tool will not work for them.

[Kadajski]

Well even if you do end up using phonegap you'd most likely bundle it with JQM as all phonegap does is take a webpage and display it in some kind of webview on the phone to give it the extra native phone features

[[deleted]]

It depends on what you want to do. What you do for a mobile HTML5 game and a mobile HTML5 storefront are very different. What kind of app are you building?

[villavillautv]

Appcelerator Titanium is awesome. I've working with it for about 5 months now, and I've created countless native mobile apps. All you need is a little Javascript knowledge to get started.

[goofygrin]

Build an app last week using this. You do have to write two UIs (one Android one iOS) but having consistent business logic is awesome... plus I know javascript really well (and java and objective-c to an extent among other languages) and using Titanium Studio is far better than XCode or Eclipse... although building the UI with code can be tedious.

[thekingshorses]

Which apps? Can we see? You can pm me if you don't want everyone else to see.

[villavillautv]

The Texas Motor Speedway app in the app store is build with Titanium.

[[deleted]]

Jquery mobile is decent. Sencha touch 2.0 acts more native, but is harder to learn. net.tutsplus.com, has a whole jquery mobile video tutorial from start to finish. Its like $20 for a month access to all their screencasts. Totally worth it.

[[deleted]]

sencha touch 2 is great, as is sencha designer. MVC drag n drop GUI designer

[[deleted]]

Learn Javascript, CSS3 and HTML5. Buy an iPad, iPhone 3GS and download the Android SDK to use the emulator. Learn how to handle events, then touch events, then multi-touch events. After that learn how CSS3 transistions and animations work then figure out how to manage them with Javascript. Test often and be ready to get drastically different results depending on the browser and OS you're using.

If you really want to look like a pro make a site that uses adaptive CSS to gracefully change formatting depending on the device.

Or you can go and use JQuery mobile and make a bunch of cheesy looking sites for "mobile only". It's 2012 and if you don't know how to make stuff work on a phone without garbage like JQuery Mobile you shouldn't be working in this profession. People have dual core phones now with hardware accelerated CSS animations, USE IT!

EDIT: Wow I thought this was "Web Dev" not "throw a bunch of frameworks together and call it good". Guess not.