Chromeの拡張機能をどのくらい使用していますか?Webデザインや、Web制作を行う時に、Chromeの拡張機能を活用することによって作業効率がアップしたり、デザインの参考になる情報を表示することができたりするなど、メリットがたくさんあります。今回は、デザインやWeb制作を行っている人におすすめのChrome拡張機能をご紹介していきたいと思います。Pepperは、Webサイト内の要素をクリックするだけで、幅や高さ、padding、margin、font-family、色などを調べることができる拡張機能です。ボタンや見出しなど、気になったデザインのCSSがどのように書かれているのかチェックする時に役立ちます。Fontは、Webサイト上のテキストのfont-familyを簡単に確認することができる拡張機能です。気になるフォントを見つけたら、すぐにチェックしてしまいましょう。エラーチェッカーは、表示中のページのHTMLが正しく書かれているのかを手軽に確認できる機能です。Web制作中にエラーを確認する時に役立ちます。2Muzliは、InVisionが提供する優れたデザインのアイデアを収集することができる拡張機能です。Muzliをインストールすると、Chromeで新しいタブを開いた時に最新の情報が表示されたり、新規タブページでスクロールすると海外のデザインメディアの最新記事やDribbbleの優れたデザインなどが表示されます。Eyedropperは、Webページの色を抽出できるカラーピッカーが使えるようになる拡張機能です。他のサイトの配色を参考にしたい時に活躍します。Rulerは、Webサイトを要素のサイズや位置をピクセル単位で測ることができる拡張機能です。Screenchotは、Webページのスクリーンショットを撮ることができる拡張機能です。ウィンドウで表示中のエリアのみスクリーンショットを取ったり、ページ全体のスクリーンショットを撮ったりすることもできます。Makerは、Chrome上でCodePenのように簡易的にHTML、CSS、JavaScriptを書いて表示を確認できる拡張機能です。WhatRunsWhatRunsは、表示中のWebサイトに使われているツールやプラグイン、ライブラリ、フレームワークなどをチェックすることができる拡張機能です。気になるWebサイトがどのようにして作られているのか、どういったツールが使われているのかチェックする時に役立ちます。Cacheは、キャッシュやクッキーを簡単に削除することができる拡張機能です。Web制作中に、最新の画像が反映されない場合などに簡単にキャッシュを削除することができるので、作業効率が向上します。Creatorは、表示中のWebサイトの画像からカラーパレットを作成することができる拡張機能です。Creator」のメニューから何色のカラーパレットを作成するか選択すると、カラーパレットが表示されます。ウェブストア下記のようなカラーパレットツールと組み合わせて使うことによって、配色の様々なアイデアを見つけることができるのではいないでしょうか。2018年最新!おすすめのカラーパレットツール・サービスまとめWebデザインを行う際に気をつけなければいけないポイントの1つが配色です。どんな色を使うかによってページの雰囲気やイメージが大きく変わります。Paletteは、開いているWebページから色を抽出してカラーパレットを作成することができるプラグインです。ato-ichinen有効にしておくと、Googleで検索した時に自動で公開日が1年以内のページに絞って検索することができるようになるプラグインです。手動で期間を指定することもできますが、ワンクリックで簡単に切り替えることができ、新しく検索した時に自動で適用されるので最新情報を集めている時に役立ちます。Pocket表示中のWebサイトをワンクリックでPocketに保存することのできる拡張機能です。気になる記事を見つけた時にPocketに保存しておけば、後からもう一度見たくなった時にすぐ見つけることができますね。LoomLoomは、ブラウザやウィンドウの動画を撮影することができるプラグインです。Web制作中に、アニメーションなどを共有する時にサクッと動画を取りたい時に役立ちます。撮影した動画は、URLをシェアするだけで簡単に共有することができ、パスワードをかけてセキュリティを向上させることもできるようになっています。Trends(ウェブデザイントレンド)は、Webに関わる全ての人のためのメディアです。ウェブサイトの制作やデザインに役立つ情報、最新トレンド、チェックすべきサービスなどを配信しています。