Design for the iPhone

Why design for the iPhone

  • hardware constraints
  • mobility

iPhone specifications

Network :

  • EDGE (236.8 kbit/s)
  • WiFi (11/54)

No flash

Display

From http://www.apple.com/iphone/specs.html

480×320 at 160dpi, 320×360 available in portrait (?)

Portrait and landscape

Fonts: Helvetica (source: Khoi Vinh)

Input device

  • Finger for pointing
  • Virtual keyboard (with automatic spell checking)

Detect the iPhone

User agent:

  • Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A538a Safari/419
  • Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A542a Safari/419.3

iPhone detection on http://www.apple.com/trailers/

if (navigator.userAgent.match(/iPhone/i)) {
    window.location.replace('/trailers/iphone/');
}

http://www.joehewitt.com/blog/firebug_for_iph.php : firebug for iphone

 
designforiphone.txt · Dernière modification: 2007/07/02 09:54 par 82.247.15.212
 

Fil RSS | Propulsé par DokuWiki