Learn how to build a mobile web app using HTML5 from scratch. This will teach you the meta tags needed for mobile web app development and also show you how to create native iphone scrolling using position:fixed in ios 5.0.

13 responses to “Introduction To HTML5 Mobile Web App Development Part 1”

  1. […] with learning HTML5 for mobile devices by taking a look at two of our screencasts on pinehead.tv Introduction To HTML5 Mobile Web App Development Part 1 HTML5 Web App Part 2 | Making it run like a web […]

  2. Andy says:

    Thanks for the lesson, it’s much appreciated! I went ahead and played with this on our dev site to see how it would react and found that launching the ‘native app’ form of the web app from the home screen gives me a version of my website that can’t be navigated within the native format. Instead it links out to Safari (using iPod) if I want to see another page. Is there a lot more to this or is it just impossible to create such a web app? Thanks again!

    • NoahTheCoder says:

      iOs web apps do not support navigation when you launch them as a native app. You can use the window.location code in javascript. That is the only way I have found around it.

  3. Andy says:

    Never mind… I found that my shopping cart (Magento) adds a full URL to each link in the site, which is probably why each link opens in a browser. Thanks again, Anthony, this really is a great tutorial. I’ve got some work to do to make use of it 🙂

  4. Sam says:

    Hmmm, mine doesn’t want to scroll under the user nav bar div. The whole viewport moves as one. Any ideas? Thanks for the great tut.

  5. Sam says:

    Also, my splash screen doesn’t show up. Looks like syntax is correct. Any ideas on this one?

  6. RealTuty says:

    where do i download the page from?

  7. Alain says:

    Which development kit are you using (text editor and iPhone emulatoe) ?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get actionable training and tech advice

We'll email you our latest articles up to once per week.