SwapSkils2010 vol.4 森 啓輔 1. スマートフォンの概要 2. スマートフォンサイトの基本 3. 制作方法の考え方 4. 実際に作ってみよう！（実演） 5. スマートフォンと知っておくべきトレンド

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/