見出し画像

私は、このChrome拡張機能を入れてます。

みなさんはブラウザの拡張機能を使っていますか?
今回はWebデザインをする際に、便利で手放せない無料の拡張機能を紹介します。

拡張機能ってなに?

chrome拡張機能とは検索ブラウザである「Google Chrome」を利用する上で、便利になる追加機能です。

chrome拡張機能を駆使することで、フルスクリーンショットがワンクリックでできたり、広告を非表示にしたり…など、便利なものばかりがたくさんございます。

1.これって何色??と思った時


ColorPick Eyedropper

ColorPick Eyedropperを使えば、カーソルを調べたいカラーの上に持っていくだけで簡単にカラーコードを表示させることができます。


2.ページ全体をスクリーンショットしたい!


GoFullPage - Full Page Screen Capture

 Chrome で開いている Web ページ全体のスクリーンショットを取得することができます。


3.このフォントの名前を知りたい!


WhatFont

WhatFontは表示しているWEBサイトのフォントを簡単に調べることができる便利な機能です。


4.機能がひとまとめになったものが欲しい


Visual Inspector

Visual Inspectorは、サイズの測定・カラー抽出・フォント表示・画像アセットなどWeb制作に役立つ機能がひとまとめになった拡張機能です。それぞれの機能に特化した拡張機能はたくさんありますが、すべての機能が1つで済むのでおすすめです。


5.ブラウザの画面サイズを変更して確認したい

Window Resizer

レスポンシブデザインのサイトを確認する際に、とても便利です。


6.Webページ上の画像を一括保存したい!

Image Downloader

Image DownloaderはWebページ上の画像を一括保存できるChromeの拡張機能です。


7.エラーが出たけど、英語で読めん!

DeepL翻訳

さまざまな翻訳サービスが提供されているが、精度が高く、自然な文章に翻訳できると評価が高いのがDeepL翻訳になります。


この記事が気に入ったらサポートをしてみませんか?