私は、この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翻訳になります。
この記事が気に入ったらサポートをしてみませんか?