• Use Standards

• Follow Good Web Design Practices

• Avoid Framesets

• Use Columns and Blocks

• Know the Resource Limits

• Use the Select Element

• Use Supported Content Types and iPhone Features

• Use Canvas for Vector Graphics and Animation

• Use Supported JavaScript Windows and Dialogs

• Use Supported Rich Media MIME Types

• Use Security Features

• Don’t Use Unsupported Technologies

• Using Conditional CSS

• Using the Safari on iPhone User Agent String

• Specifying a Webpage Icon for Web Clip

• Layout and Metrics of Safari on iPhone

• What Is the Viewport?

• Default Viewport Settings

• Using the Viewport Meta Tag

• Changing the Viewport Width and Height

• How Safari Infers the Width, Height, and Initial Scale

• Viewport Settings for iPhone Web Applications

• Leveraging CSS3 Properties

• Adjusting the Text Size

• Highlighting Elements

• Mail Links

• Phone Links

• Map Links

• YouTube Links

• Laying Out Forms

• Customizing Form Controls

• Configuring Automatic Correction and Capitalization

• One-Finger Events

• Two-Finger Events

• Form and Document Events

• Making Elements Clickable

• Handling Orientation Events

• Supported Events

• Sizing Movies Appropriately

• Don’t Let the Bit Rate Stall Your Movie

• Using Supported Movie Standards

• Encoding Video for Wi-Fi and EDGE

• Creating a Reference Movie

• Embedding Movies in Webpages

• Configuring Your Server

• Enabling the Safari Console

• Viewing Console Messages

• Creating Messages in JavaScript

• What Is HTML?

• Basic HTML Structure

• Creating Effective HTML Content

• Using Other HTML Features

• What Is CSS?

• Inline CSS

• Head-Embedded CSS

• External CSS