This document discusses various web technologies supported on the iPhone including Safari, Webkit, CSS properties like borders, shadows and transforms. It also covers viewport meta tags, touch icons, file inputs, hovers, tooltips, plugins and fixed positioning. Finally, it lists common fonts and includes phone number and format detection meta tags as well as examples of Japanese mobile websites.

17. iPhone

25. Safari

27. Webkit

44. animation border-radius
opacity
column
rgba
transition
border-image
hsla
mask
box-shadow
text-shadow
reflect
transform

47. <meta name=”viewport”
content=”width=320” />

48. <meta name=”viewport”
content=”width=320” />

50. <meta name=”viewport”
content=”width=device-width” />

59. apple-touch-icon
apple-touch-icon-precomposed

60. rel=”apple-touch-icon”
rel=”apple-touch-icon-precomposed”

61. <input type=”file” />
download
:hover
tooltip
Java applet
Flash
Frame
position: fixed;

65. American Typewriter
Arial
Courier (Courier New)
Georgia
Helvetica (Helvetica Neue)
Times New Roman
Trebuchet MS
Verdana

71. tel:xxx-xxxx-xxxx

72. <meta name=”format-detection”
content=”telephone=no” />

90. http://aluco.jp/iphone/

91. http://www.smbc.co.jp/smartphone/

94. http://b.hatena.ne.jp/touch

96. http://www.excite.co.jp/design/sansuigiga/