タグ: , , , , , , 投稿者:

GoogleChromeアドオンで、Web制作時に役立つ無料なアドオンまとめ


名称未設定-1_03

GoogleChromeアドオンで、Web制作時に役立つ無料なアドオンまとめ

今回は、Googlechromeの無料アドオンの中から、Webデザイン時に実際に使っているもの、かつ使いやすいものをまとめてみました。

Page Ruler

FireShot Capture 85 - 株式会社リアルオン - http___realon.co.jp_

Page Ruler
ブラウザ上の定規です。このサイト、ここはなんpxで作ってるの?サムネイルの縦横の比率は?などなど、ブラウザ上でそのまま測定が可能です。

ColorPick Eyedropper

キャプチャ

ColorPick Eyedropper
Webサイトの色をそのままピックアップして、カラー番号を教えてくれます。このアドオンの良いところは、ポインタ近くにピクセルが見えるくらいまで画面の拡大図サムネが出るところです。ピックアップが楽なのでよく使用しています。
テキスト

WhatFont

FireShot Capture 88 - Apple(日本)_ - http___www.apple.com_jp__

WhatFont
これはそのままで、ウェブサイトで使っているフォントが分かるアドオンです。ポインタを持っていくと、使われているフォントの種類と大きさを表示してくれます。便利です。

FireShot

fire

FireShot
キャプチャのアドオンです。ページ全体、ブラウザで見えている範囲、切り取った部分、と分けてキャプチャーが可能です。

Image Downloader

apple

Image Downloader
ちょっと英語なのでわかりにくいのですが、そのページ上の画像を一気にダウンロードしてくれるアドオンです。ガーっと一気に出てきます。

AdMatrix Analytics

google

AdMatrix Analytics
見ているWebページのSEO内部対策状況を一目でチェックできる解析ツールです。メタタグ情報、hタグ要素、テキスト量、表示速度、被リンクなどが、一目で分かります。SEO対策時に他社サイトの全ページをサラサラとチェックできるので、非常に便利!!

IE Tab

ie

IE Tab
Googlechrome上で、IEの表示を確認できます。IEなのでjava見れます。懐かしのjava。

Window Resizer

rhsrtha

Window Resizer
ブラウザのウィンドウサイズを、iPhoneやipadなど特定の大きさに「サクッ」と変更してくれるアドオンです。レスポンシブルデザインの動作確認時に、手でだらだらと変えなくてもいいので楽ちんです。

終わりに

使いやすいGoogleアドオンを探して、自分用にうまく使って快適Webライフをお過ごしくださいね!


この記事を書いた人

nonaka
福岡県出身、沖縄育ち。デザイン担当をやっています。