This screencast goes into detail about Apple IOS standards for creating IOS (and android) Web apps. We will visit in depth the viewport settings, making the URL bar disappear when you arrive at the web app, and how to make it run like a native application from your home screen.


View Demo (view source to see the code)



13 responses to “HTML5 Web App Part 2 | Making it run like a web app”

  1. giaziani says:

    thank’s your work is very useful for many others

  2. anthony says:

    Thank you!

  3. roi says:

    Thanks a lot!!!

  4. Nerudo says:

    Dude you are the best. I actually found your site by mistake. I loooove your stuff man. One thing just want to ask. Is it possible to develop stuff like that without a macbook?.

    • anthony says:

      Thank you very much! Yes you can do these things on a windows computer. The only difference is you dont’ have the IOS simulator. However, when coding with html if you use the chrome browser it will simulate it in the exact same way. You can also download safari for windows from apple, once you do that you can change it to run as if it was an iphone. I’ll do a screencast for you on this.

  5. Helaman says:

    Great stuff man, thanks

  6. RealTuty says:

    thanks very helpful i was wondering if you could make a tut with more of the actual content that goes in the app

  7. François David says:

    Hello,
    I have found your tutorials excellent. I’m a young developer, I can’t work because I’m hill (cancer). But I have 48 years and I can tell you that is not easy to study javascript and html5.
    I have two questions and I hope that you can give a solution.
    First regarding the status image I would like to put a timeline that mean for example that this status image stay 5 seconds or more.
    Second questions regarding the swipe function. I have three div and I want to swipe left or right to see the content. The size of the div is the size of the screen of the iphone.
    I hope you can help me.
    Best regards.
    François David

    • Anthony James says:

      I’ll be more than happy to help you. I will need to create a screencast for you but I’ll add it to my list.

  8. Vijay says:

    Hello;
    I have Win 7 and Desktop iPhone Simulator.. but it is not showing the effects (i tried both part 1 and part 2 videos ), also it does not supports multitouch.. i noticed you are working with Mac and iOS ..what Simulator/Emulator I can have to see the things working.

    BTW, I am a web developer, works with Microsoft technologies.

    Thanks in advance

  9. […] You can get started now 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 app […]

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.