iOS 4 Web Applications with HTML5 and CSS3

Introduction
Welcome
Using the exercise files
Understanding the prerequisites

1. Setting Up a Development Environment
Preparing for web app development
Understanding the setup requirements
Setting up a code editing environment with Espresso
Setting up a debugging environment using the iPhone simulator and Safari Development Tools
Setting up a local web server

2. Understanding HTML5 and CSS3
What is HTML5?
Building a basic HTML5 page structure
Making HTML5 backwards compatible

3. Working with CSS Special Effects
Working with opacity
Creating round edges
Casting shadows
Using gradients
Masking objects
Casting reflections
Transforming elements
Building transitions
Triggering transitions with a tap
Animating with keyframes

4. Using CSS3 Typography
Typography basics
Working with pseudo-classes
Building multi-column layouts
Using custom fonts
Creating special effects on type

5. Building a Web App Interface
Creating list-driven menus
Understanding viewports
Targeting devices and orientations with media queries
Making a button toggle

6. Creating a Photo Gallery Web App
Setting up a lightbox
Adding an overlay
Showing an image
Creating a gallery
Adding iOS touch controls

7. Adding Audio to a Web App
Playing audio
Designing the interface for an audio player
Using JavaScript to control audio

8. Adding Video to a Web App
Playing video
Creating a video player

9. Enhancing a Web App with Dynamic Content and Offline Storage
Setting up offline viewing using the cache manifest
Setting up persistent storage
Generating dynamic content
Using local storage to retain information

10. Using Geolocation
Finding yourself on a map
Tracking motion on a map
Creating a dynamic map

11. Finishing Your Web App
Using special form elements
Finishing touches: Creating a home screen icon and a startup screen

Conclusion
Next Steps