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

5,204 views
5,172 views

Published on

Published in: Technology, News & Politics
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,204
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

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

  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/

×