実践Webデザインスキル - 第2章 Lesson9

Web制作でよく使用するツール

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

Webサイト制作でよく利用する、便利なChromeの拡張機能について見て行きましょう。


この動画で学べること

・Webサイト制作でよく利用する便利なツールについて



Webサイト制作でよく利用する便利なツール

今回は、Webサイト制作でよく利用する便利なツールについてご紹介していきますが、それらのツールを使うには、Chrome(ブラウザ)が必要です。
お持ちでない方は、これからも使用するのでダウンロードしておいてください。
では、Webサイト制作で良く利用する便利なツールを見ていきましょう。




参考サイトの横幅を調べるツール

ChromeのWebストアというとこらから、「MeasureIt」というツールをダウンロードします。
横幅を調べたいサイトに移動して、上に表示されている「MeasureIt」のアイコンをクリックすると、
定規がでてきて測ることが出来るようになります。



参考サイトの色コードを調べるツール

こちらも、ChromeのWebストアというとこらから、「Color Zilla」というツールをダウンロードします。
上に表示されているアイコンから「Pick Color From Page」を選択し、
カラーコードを調べたいところにマウスを持って行ってクリックすると、
色をスポイトしてカラーコードを教えてくれるとても便利なツールです。



数値から黄金比を計算するツール

レイアウトで黄金比を使いたいときに便利なのが、「Webデザイン黄金比計算ツール」です。
数値を入力するだけで、自動的に黄金比の計算をしてくれます。



ーーーーーーーーーーーーーーーーーーーーーーWebデザイン黄金比計算ツールーーーーーーーーーーーーーーーーーーーーーー


http://zapanet.info/blog/item/1298


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー







Webサイトをスクリーンショットするツール

こちらも、ChromeのWebストアというとこらから、「Webページショット」というツールをダウンロードします。
上に表示されているアイコンから「ページ全てをスクリーンショット」を選択し、
「SAVE LOVCAL」へ進むと、Webページ全体をスクリーンショットで撮ることができます。