Creating full-screen web apps


show more Creating full-screen web apps provides you with in-depth training on Developer. Taught by Joe Marini as part of the Mobile Web Design & Development Fundamentals show less
please wait ...

Creating full-screen web apps

In this example, we are going to see how to create a full-screen web app on iOS devices. By doing this, you can make a web page look and act like a native application because the page can use the full-screen real estate available to it and hide the browser chrome. So it will hide the address bar, it will hide the status bar, and use the entire page, and look like a native, built-in application. You can also do some really cool things, like specify start-up images, sometimes called splash screens. So when user is starting up your web page it will show this graphic to the user, again giving it more of a native application kind of feel.

You can also specify the icons that will represent the app on the device's home screen if the user pins your application to the home screen. So you can customize how that looks. So the way that you do this is by specifying certain tags that the iPhone and other iOS devices will recognize that indicate that this particular web page, or collection of web pag...

Creating full-screen web apps
Video duration: 6m 30s 5h 47m Beginner

Viewers:

Creating full-screen web apps provides you with in-depth training on Developer. Taught by Joe Marini as part of the Mobile Web Design & Development Fundamentals

Subjects:
Developer Web
Software:
HTML
Author:
please wait ...