Google Chromeでスマホサイト制作

Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記：最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ

[kimihito]

Google Chromeでスマホサイト制作 - to-R

[boyasan]

手軽でいいですね

[knakamura1977]

スマホ最適化には便利そう。

[kupoe]

[html/css][tool]

[yamadar]

げっ、知らんかった・・・。なんという便利な機能なんだ。

[htl21htl21]

あとで

[x0oxo0x]

Google Chromeでスマホサイト制作 - to-R

[ku_marin]

UA切り替え

[zazietokyo]

開発者ツール活用。 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介し

[browneyes]

Google Chromeでスマホサイト制作 - to-R