Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

スマートフォン時代の携帯サイト作成術

5,389 views

Published on

Published in: Technology, News & Politics
  • Be the first to comment

スマートフォン時代の携帯サイト作成術

  1. 1. iPhone
  2. 2. Safari
  3. 3. Webkit
  4. 4. animation border-radius opacity column rgba transition border-image hsla mask box-shadow text-shadow reflect transform
  5. 5. <meta name=”viewport” content=”width=320” />
  6. 6. <meta name=”viewport” content=”width=320” />
  7. 7. <meta name=”viewport” content=”width=device-width” />
  8. 8. apple-touch-icon apple-touch-icon-precomposed
  9. 9. rel=”apple-touch-icon” rel=”apple-touch-icon-precomposed”
  10. 10. <input type=”file” /> download :hover tooltip Java applet Flash Frame position: fixed;
  11. 11. American Typewriter Arial Courier (Courier New) Georgia Helvetica (Helvetica Neue) Times New Roman Trebuchet MS Verdana
  12. 12. tel:xxx-xxxx-xxxx
  13. 13. <meta name=”format-detection” content=”telephone=no” />
  14. 14. http://aluco.jp/iphone/
  15. 15. http://www.smbc.co.jp/smartphone/
  16. 16. http://b.hatena.ne.jp/touch
  17. 17. http://www.excite.co.jp/design/sansuigiga/

×