chrome firefox IE safari chain youtube-play pocket hatena facebook feedly github google-plus rss twitter search code envelope-o home pencil website works calendar drawer tag

ブログ移転のお知らせ

当ブログは新ブログ「DEV.NISMIT」に移転しました。それに伴い、ドメインも全てリニューアルしました。

お手数ですが、ブックマーク、Feedly等の変更をお願いします。当ブログは数ヶ月を目安にリダイレクト、削除します。

2014/09/17

[Service]Webページの要素のサイズ等、色々と計れるGoogle Chromeの拡張プラグイン「Dimensions」

今流行のフラットデザインのアイコンのサイズなどをWebページで計れるGoogle Chrome拡張プラグイン「Dimensions」をご紹介します。
オープンソースで無料です。ちょっとしたサイズを計りたい時に便利なプラグインです。

アイコンのサイズやマージンなどを計りたい時に!

今回ご紹介するのは、「Dimensions」というオープンソースのGoogle Chromeの拡張プラグインです。

Webページのアイコンのサイズやマージンを計れるようになるプラグインです。

インストールは簡単で、「Dimensions」のサイトの「Install from Chrome Webstore」をクリックしてChromeのウェブストアにアクセスします。

アクセスすると、自動で下のようなポップアップが開きます。

Dimensions---article

ポップアップ右上の無料ボタンをクリックすることで、インストールが始まります。

インストールが出来たら、アドレスバーの右側にアイコンが追加されます。

後は、Webページなどを開いてアイコンをクリックするとアイコンが青くなります。

そのままマウスを対象にもっていけばサイズを計れます!

EMiAC-Works---dimensions

但し、TwitterのツイートボタンなどSNSボタン、広告などはaリンクの方が効いてしまい、中のサイズが計れませんでした。

また、画像は色の変わりの部分でサイズを取っていたり上手く計るのが難しいものもありました!

色など何もついていないフラットな状態のものだと、「Dimensions」のサイトのようにかなり正確に計れると思います^^

ちょっとしたサイズを計りたい時には役立つのではないかと思います!

 

サイト: Dimensions

Github

Google Chrome 拡張プラグインストア

 

今後の励みになりますので、良かったらシェアをお願いします。

このエントリーをはてなブックマークに追加