SwapSkills Vol04 「モバイルサイトは テキストの画像はなしでしょ?」

  • 1,373 views
Uploaded on

海外スマートフォンサイト制作の新しい考え …

海外スマートフォンサイト制作の新しい考え
スマートフォンサイトを作成する上での配慮すべき基本的な知識と情報をご紹介しました。特に、海外でトレンドになっている レスポンシブウェブデザイン について詳解しました。 またスマートフォンのフレームワークなども数多く出ていますので、代表的なフレームワークの紹介とそれらの簡単な特徴をご紹介しました。
http://swapskills.info/2011/04.html

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,373
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
10
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. TAKASHI KIKUCHI
  • 2. 2007
  • 3. 2007
  • 4. 2011
  • 5. 2011
  • 6. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  • 7. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  • 8. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  • 9. 1990 2000 2010 2020 Source: ITU, Mark Lipacis, Morgan Stanley Research.
  • 10. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 11. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 12. 64%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 13. 64%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 14. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 15. http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 16. 123%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 17. 123%http://www.slideshare.net/CMSummit/ms-internet-trends060710final
  • 18. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  • 19. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  • 20. 70%http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  • 21. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 22. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 23. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 24. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 25. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 26. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 27. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 28. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 29. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 30. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 31. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 32. 46.8%http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 33. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 34. http://www.m2ri.jp/newsreleases/main.php?id=010120101216500
  • 35. Fennec Opera Mobile
  • 36. Fennec Webkit Opera Mobile
  • 37. Webkit
  • 38. KDE
  • 39. Webkit
  • 40. Palm PreAndroid WebkitiPhone WebkitS60 Webkit
  • 41. Palm PreAndroid WebkitiPhone WebkitS60 Webkit
  • 42. http://www.quirksmode.org/webkit.html
  • 43. http://www.quirksmode.org/webkit.html
  • 44. http://www.quirksmode.org/webkit.html
  • 45. Black HTC Desire iPhone IS03 Sirius Berry HD 9700 Webkit Webkit Webkit Webkit WebkitAcid3 100 93 93 93 93fmbip Safari5 Safari4 Safari4 Safari4 Safari4
  • 46. Framework
  • 47. HTML Js Js Js
  • 48. Fluid Grid
  • 49. Fluid Imageimg { max-width : 100%;}.ie6 img { width : 100%;}
  • 50. http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
  • 51. http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
  • 52. http://unformedbuilding.com/articles/css-media-queries-for-mobile/
  • 53. http://2010.dconstruct.org/
  • 54. http://ajaxian.com/archives/css-media-queries-bees-knees-or-spawn-of-satan
  • 55. HTML+CSSHTML+CSSHTML+CSSHTML+CSSHTML+CSS
  • 56. HTML+CSS
  • 57. Frame workResponsiveWeb Design
  • 58. Frame workResponsiveWeb Design
  • 59. Long Time Evolution
  • 60. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  • 61. http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf
  • 62. 70%http://www.mobilefuture.org/page/-/rysavy-spectrum-effects-301611.pdf