ITエンジニア/デザイナ向けにオープンソースを毎日紹介

表示されているCSSの内容を確認する際には開発者ツールを利用するでしょう。しかし、情報が多すぎて分かりづらかったり、スタイルをコピーすると余計な情報もたくさん付いてきたりします。

そこで使ってみたいのがCSS Spiderです。開発者ツールよりも使いやすく、分かりやすいスタイルチェッカーです。

CSS Spiderの使い方

利用しているところです。マウスオーバーでスタイル設定が表示されます。

表示されている内容を変えると、その場で反映されます。

大きさが分かったり、コピーもできます。

CSS Spiderを使うことで、画面上の要素についてスタイル設定がすぐに分かります。情報量も適度で、デフォルトのものは含まれません。Google Chrome機能拡張なので、インストールしておくと役立つ場面が多そうです。

CSS SpiderはGoogle Chrome用のソフトウェアです。

CSS Spider - Chrome Web Store

CSS Spider - The fastest and easiest way to Spy (check, copy and edit) CSS of any website.

 

MOONGIFTの関連記事

  • DevRel
  • Com2