お急ぎのモバイル化

デイビス ダニエル、 Opera Software

お急ぎのモバイル化

デイビス ダニエル、 Opera Software

Toy telephone

理想的には…

「モバイルファースト」 (mobile first) がおすすめ

  1. モバイルページの開発
  2. デスクトップ用のカストマイズ

しかし…

お忙しい貴方様に

次の妥協

まず…

Opera Mobile Emulator

Opera モバイルエミュレータ、ゲット!

opera.com/developer/tools

どのモバイルページでも…

「viewport」のメタタグを使いましょう:

<meta
  name="viewport"
  content="width=device-width,
    user-scalable=yes"
>

画像がね…

大きさに制限を

img {
    max-width: 100%;
}

あらっ、デスクトップブラウザは?

メディアクエリでモバイルのみに

@media screen and (max-width: 480px) {
    #sidebar {
        display: none;
    }
}

サンキュー!

bit.ly/isogimobile

デイビス ダニエル、 Opera Software

Toy telephone