105
スマートフォン時代の 携帯サイト作成術 2010.06.19 森啓輔

実践!スマートフォンサイト制作

Embed Size (px)

DESCRIPTION

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

Citation preview

  • 1. iPhone

2. Safari 3. Webkit 4. animationborder-radiusopacity columnrgbatransition border-image hsla maskbox-shadow text-shadowreflect transform 5. 6. 7. 8. apple-touch-icon apple-touch-icon-precomposed 9. rel=apple-touch-icon rel=apple-touch-icon-precomposed 10. download:hover tooltip Java appletFlashFrame position: fixed; 11. American Typewriter Arial Courier (Courier New)Georgia Helvetica (Helvetica Neue)Times New Roman Trebuchet MSVerdana 12. tel:xxx-xxxx-xxxx 13. 14. http://aluco.jp/iphone/ 15. http://www.smbc.co.jp/smartphone/ 16. http://b.hatena.ne.jp/touch 17. http://www.excite.co.jp/design/sansuigiga/