Lynda.com iOS 4 Web Applications with HTML5 and CSS3
Date: 5 June 2011 | Posted by: bubbagump
Lynda.com - iOS 4 Web Applications with HTML5 and CSS3
Introduction
Welcome 00m 57s
Using the exercise files 01m 14s
Understanding the prerequisites 00m 33s
25m 39s
1. Setting Up a Development Environment
Preparing for web app development 02m 19s
Understanding the setup requirements 03m 46s
Setting up a code editing environment with Espresso 02m 46s
Setting up a debugging environment using the iPhone simulator and Safari Development Tools 06m 38s
Setting up a local web server 10m 10s
08m 49s
2. Understanding HTML5 and CSS3
What is HTML5? 01m 14s
Building a basic HTML5 page structure 02m 39s
Making HTML5 backwards compatible 04m 56s
43m 04s
3. Working with CSS Special Effects
Working with opacity 01m 47s
Creating round edges 06m 16s
Casting shadows 02m 34s
Using gradients 06m 52s
Masking objects 03m 58s
Casting reflections 02m 04s
Transforming elements 06m 08s
Building transitions 03m 39s
Triggering transitions with a tap 02m 31s
Animating with keyframes 07m 15s
21m 52s
4. Using CSS3 Typography
Typography basics 06m 54s
Working with pseudo-classes 03m 08s
Building multi-column layouts 01m 52s
Using custom fonts 05m 52s
Creating special effects on type 04m 06s
21m 33s
5. Building a Web App Interface
Creating list-driven menus 05m 35s
Understanding viewports 03m 35s
Targeting devices and orientations with media queries 05m 01s
Making a button toggle 07m 22s
27m 34s
6. Creating a Photo Gallery Web App
Setting up a lightbox 02m 55s
Adding an overlay 03m 58s
Showing an image 07m 41s
Creating a gallery 05m 06s
Adding iOS touch controls 07m 54s
09m 49s
7. Adding Audio to a Web App
Playing audio 02m 00s
Designing the interface for an audio player 01m 30s
Using javascript to control audio 06m 19s
10m 45s
8. Adding Video to a Web App
Playing video 04m 04s
Creating a video player 06m 41s
17m 42s
9. Enhancing a Web App with Dynamic Content and Offline Storage
Setting up offline viewing using the cache manifest 06m 11s
Setting up persistent storage 04m 11s
Generating dynamic content 04m 49s
Using local storage to retain information 02m 31s
08m 45s
10. Using Geolocation
Finding yourself on a map 04m 41s
Tracking motion on a map 01m 19s
Creating a dynamic map 02m 45s
05m 06s
11. Finishing Your Web App
Using special form elements 02m 57s
Finishing touches: Creating a home screen icon and a startup screen 02m 09s
00m 58s
Conclusion
Next Steps 00m 58s
See full article