Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Daily Archives: 2016/03/18

[Web Design] Responsive Test – レスポンシブレイアウトのテストツール

  • Pocket
  • このエントリーをはてなブックマークに追加

レスポンシブレイアウトの動作確認ツール。確認したいサイトのURLを放り込むだけで、様々なデバイスでの表示シミュレーションができます。指標としてはXLがPC、LGがiPadのランドスケープ、MDがiPadのポートフォリオ、SMがiPhoneのランドスケープ、XSがiPhoneのポートフォリオという感じです。Bootstrapとかの表示切り分けclassと基本的に同じ命名ルールなので分かりやすいです。サクっと複数デバイスでの確認をしたい時に便利ですね。