Chrome拡張機能 拡張機能

ノンデザイナーにもオススメのWEB・デザイン系Chrome拡張機能9選

Chrome拡張機能とは?

Chrome拡張機能とは、GoogleChromeブラウザで利用できる拡張機能(追加機能)の事で、あなたが利用しているGoogleChromeに追加することで、様々な便利な機能を実装することができます。この記事ではWEBのデザインに関するChrome拡張機能をご紹介していきたいと思います。デザイナーの方はもちろん、ノンデザイナーの方にもとてもオススメです。

Chrome拡張機能は、Chromeウェブストアからダウンロードすることができ、無料で利用できるアプリケーションも多く存在しています。

ノンデザイナーにもオススメのWEB・デザイン系Chrome拡張機能9選

Awesome Screenshot スクリーンショットと画面録画

画面のスクリーンショット画像を撮ったり、画面を録画することができる拡張機能。

全画面はもちろん、特定のエリアを対象に画像や動画を撮ることができます。

Awesome Screenshot スクリーンショットと画面録画

View Image Info (properties)

画面で表示している画像の情報を確認することができるChrome拡張機能です。画像のURLや画像のタイプなどが素早く表示可能。

View Image Info (properties) 

Fonts Ninja

サイト上で使われているフォントの名前を調べることができるChrome拡張機能です。

調べることができるのは、フォントの名前だけでなく、フォントサイズや文字のラインの高さ、フォントカラーなどフォントに関する情報がある。

Fonts Ninja

文字数カウンター

選択肢ている文字の文字数を数えてくれる拡張機能。ちょっと文字を調べたいときにとても便利。

文字数カウンター

Clear Cache

ブラウザに溜まっているキャッシュ情報を削除してくれるChrome拡張機能。Webサイトの情報は更新しているはずなのに、情報が更新されないときなどは、古いキャッシュが溜まっている可能性があるので、こうしたキャッシュクリアアプリで削除してリフレッシュする。

Clear Cache

ColorZilla

画面上で使われている画像やテキストなどの要素の色を調べてくれるChrome拡張機能。RGB値とHTML・CSSなどの色指定で使用するカラーコードを調べてくれるので、この色いいなと思った時に、色のコードを調べることができる。

ColorZilla

ColorPick Eyedropper

ColorZillaとほぼ同等の機能のカラーピッカー。

ColorPick Eyedropper

Image Downloader

サイト上で表示されている画像を一気にダウンロードすることが可能なChrome拡張機能。毎回右クリックして保存などしているととても手間なので、一度にダウンロードしたい素材があるときは、こうしたChrome拡張機能を使うと便利。

Image Downloader

Window Resizer

ブラウザの表示ウィンドウの大きさを自由に変えることができるChrome拡張機能。所定の解像度を設定しておけばいつでもその解像度に変更することができる。複数のプリセットとしてサイズを変更する事ができるので、用途に合わせて変更することが可能。

Window Resizer

まとめ

ウェブサイトのデザイン的な要素を調べたりするときにとても便利なChrome拡張機能をご紹介してきました。

デザイナーの方でない、一般のノンデザイナーの人にも、そんなことできるの!それが知りたかった!というようなものがあれば幸いです。

Chrome拡張機能は、かんたんにインストールと削除ができるので大変便利です。

ぜひ気になるChrome拡張機能は試してみてください!

-Chrome拡張機能, 拡張機能
-, , , , , , , ,

Copyright© SaaS Lab. , 2021 All Rights Reserved.