STOCK WEB -12ページ目

STOCK WEB

デザイナーではない人のための便利なツールや情報が満載。

実機確認はちょっと面倒・・。(でも絶対しないといけません!)

なので、その前に便利なのがシミュレーター!
特にsafariのブラウザについているシミュレーターはソースも見られるので
とっても便利♪

設定方法は簡単3ステップ!!

1.まずsafariを起動!【編集】→【設定】


STOCK WEB




2.【詳細】タブを選んで「メニューバーに“開発”メニューを表示」にチェック!


STOCK WEB




3.メニューに“開発”が追加されるので、【ユーザーエージェント】で【iOS】を
選択すれば、スマートフォンモードに変身♪


STOCK WEB






他にも便利なAndroidシミュレーターはこちら

■ Mobilizer
http://www.springbox.com/mobilizer/


STOCK WEB


これでサクサクいろんなスマホサイトが見られます♪


ちなみに・・。

↓これだけあります!Androidのディスプレイサイズ

■ Androidデバイスのディスプレイサイズ、DPI一覧
http://d.hatena.ne.jp/itog/20110601/1306897551



STOCK WEB



実機確認が何より大切。デザインの段階で実機で確認するのがより確実ですね。