Create an iPad Web App

with Chris Converse
please wait ...
Create an iPad Web App
Video duration: 0s 1h 27m Beginner


Discover how to create an app-like experience for the Apple iPad with HTML, CSS, and jQuery. In this course, Chris Converse shows how to prepare web pages that can become web apps on the iPad. Discover how to create custom icons, startup screens, and create an immersive user experience—all with web standard technologies. Bypass Objective-C and the App Store altogether and create a unique experience that can be revised as quickly as you update your web site.

Topics include:
  • Setting up the project folders
  • Creating the graphics
  • Adding HTML
  • Creating the layout containers
  • Setting up JavaScript orientation detection
  • Adding CSS for layout
  • Using CSS3 animation
  • Dynamically loading HTML with AJAX
  • Adding iScroll functionality
  • Adding video
  • Adding a Google map
  • Detecting an iPad device
Business Developer Web


- [Voiceover] Hi, I'm Chris Converse, and welcome to Create an iPad Web App. In this course, I'll show you how to use HTML, CSS, and JavaScript to create a website that launches and acts like a native iPad app. First, I'll show you how to design a custom icon and startup screen, and animate graphics using hardware acceleration with CSS3 that react to the iPad's orientation. Then, I'll explain how to dynamically load content with Ajax to keep our user experience within the web app. Next, I'll walk you through building out features of the web app, from adding a simple gallery, to incorporating HML5 video, to adding a touch-enabled Google map.

Finally, I'll show you how to set up web browser detection and stand-alone detection to instruct iPad users to save your web app to their home screen. We'll cover all of this and plenty of other tips and techniques. Now, let's get started with Create an iPad Web App.

please wait ...