miyareco

Web制作をする上で、ローカル環境で作業する事も多いと思います。
便利なWebサービスやツールはたくさんありますが、今回はローカルで使えるレスポンシブデザインのテストツールと、ダミー画像生成スクリプトをご紹介します。

• Responsive Web Design Testing Tool

  

  Responsive Web Design Testing Tool

  任意のページを横幅240・320・480・768・1024で表示してくれるツールです。
  レスポンシブでWeb制作をする際に自分でブラウザを伸縮して調整していたのですが、これを使えば一度に確認できるようになりました。
  ダウンロードして使う事も出来るので、ローカルのファイルでテストする事も出来ます。
  ダウンロードはリンク先の最下部にあるFork it on Githubの先、Download ZIPから行えます。

• Holder.js

  

  Holder.js

  ローカル環境でも任意のサイズやカラーのダミー画像を生成できるスクリプトです。
  ダミー画像を生成するオンラインツールは各種ありますが、こちらはローカル環境で使えます。
  ダウンロードはリンク先の上部にあるHolder.js GitHub pageの先、Download ZIPから行えます。

参考

レスポンシブ Web デザインのテストツール「Responsive Design Testing」-allWebクリエイター塾　ブログ

[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js-coliss

Pocket