Web Apps Dev Center

Log in

Works With iPhone

Web Development Guidelines for iPhone

Learn the latest techniques on mobile browser-based design and ensure the best user experience for your web application.

Read Guidelines


videow

iPhone Tech Talk Videos

Watch iPhone engineers from the recent iPhone Tech Talks discuss everything from user interface design to optimizing your web applications and content for iPhone.

  • Designing Web Content for iPhone (iPhone Session from WWDC 2007)
  • iPhone Development Introduction
  • iPhone User Interface Design
  • Managing Content and Synced Data for iPhone
  • Safari on iPhone Part I: Compatibility
  • Safari on iPhone Part II: Optimization
  • Safari on iPhone Part III: iPhone Applications

Sample Code

Sample Code

Choose from a range of Sample Code projects that provide development and user interface design techniques for interactive and standards-based design on iPhone.

  • CardFlip
  • iPhoneButtons
  • iPhoneListPatterns
  • iSudoku
  • Leaves
  • MakeiPhoneRefMovie
  • PosterCircle
  • Puzzler

Reference Library

iPhone Web Dev Reference Library

Browse the iPhone Web Dev Reference Library for documentation, sample code, and other resources for developing web content for iPhone.

  • Safari Web Content Guide for iPhone OS
  • iPhone Human Interface Guidelines
  • Safari CSS Animation Guide for iPhone OS
  • Safari CSS Transforms Guide for iPhone OS
  • Safari DOM Touch Reference for iPhone OS
  • Safari JavaScript Database Programming Guide
  • Safari HTML Reference
  • Safari CSS Reference
  • Web Kit DOM Programming Topics
  • Web Kit DOM Reference
  • Apple JavaScript Coding Guidelines
  • Dashcode User Guide