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

Embed Size (px)

DESCRIPTION

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

Citation preview

  • 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. BlackHTC DesireiPhone IS03SiriusBerry HD 9700WebkitWebkit WebkitWebkitWebkitAcid310093 939393fmbip Safari5 Safari4Safari4 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