iPhone, iPad, AndroidなどのSmart Phone向けのSiteを構築するときに気をつけること

投稿日：

iPhone, iPad, Androidも意識したWeb Site開発をしないといけないので、これは覚えておかないといけない。

スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R]

  1. 実機で確認する
  2. 横幅は320pxもしくは640pxでデザインする
  3. 横向きを想定したデザインにする
  4. フォントはヒラギノ角ゴで
  5. フォントサイズは12px以上で作成する
  6. 1pxのこだわりを捨てる
  7. 極力画像を使わずコーディングできるように意識する
  8. リンクの領域は44px以上で
  9. Webクリップアイコンを準備する
  10. ハイライトカラーを指定する

< 2011/09/10, 2011/11/23 Modified >
参考になるSiteを追記。

jQuery Mobileを使えばTapやSwipeのEventが簡単に取得できそう。ちなみに画面を回転させたときのEventはjQuery Mobileを使わなくても次のようにすれば出来る。

$(document).bind('orientationchange', function(){alert('Rotation');});

 

< Related Posts >