MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

iOS 4 Web Applications with HTML5 and CSS3

Course Summary

 Teaches Shows web developers how to leverage their existing CSS and HTML knowledge to create content that displays on iOS devices.       

  • +

    Course Syllabus

       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
       Next Steps


Course Fee:
USD 25

Course Type:


Course Status:



4 - 5 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top