Week 11: Dime Sized Design

A list of resources for designing sites for the iPhone/iPod Touch

General iPhone Web page best practices
Building web sites for the iPhone with Freeway - Although the paper is geared toward explaining how to use a specific product to create web sites for the iPhone the list of recommendations for optimizing the site come from Apple. The information is useful even if you don't intend to use Freeway.
iPhone Microsites: Tutorials


Working with the viewport
Configuring the Viewport - This page is from Apple's Safari Dev Center. I honestly couldn't find another site that had a comparable amount of information.


CSS for good iPhone Web pages
Building iPhone Apps with HTML, CSS, and JavaScript - Here's something really interesting: this is an O'Reilly book that's under construction. They're posting it online as they write it so they can get feedback. The link goes straight to Chapter 2
Basics & Tips on Designing for the iPhone - A 30 minute video from css-tricks.com


The WebKit and using it's features for iPhone Web apps
Make the most of the iPhone SDK
To WebKit or not to WebKit within your iPhone app? - not a 'how to' but I thought the pro/con info was interesting

the iUI
Writing an iPhone page in minutes using IUI
iUI 0.13 - An Overview
iUI Introduction Wiki Page - I like how the home page says to go to the Introduction and the first thing in the introduction says is "See the home page". There are links for more info here.

Layouts
Liquid Multi-column CSS layouts - Several layouts with 2, 3, or more columns that are compatible with the iPhone.

For inspiration
20+ Websites Optimized For The iPhone
Web Design Inspiration for the iPhone