Subscribed unsubscribe Subscribe Subscribe

アイコン画像に割り当てられているCSSクラスを調べるやつ作ってみた

f:id:Cside:20120513215631p:plain


https://github.com/Cside/icon-class-visualizer *1


アイコンって普通、全アイコンの画像が一枚の画像に詰まってて、それをCSSで部分的に切り出すことで表示しているけれど、「このアイコン使いたいけどCSSのクラスどれ使ってるんだろなー」を楽に調べられたら手間が省けるかなと思いついた。

configファイル にcssのパスとアイコンのクラスの正規表現を書いてmakeしたら、マッチするアイコンを列挙してくれる。で、マウスオーバーで具体的なクラス名を知れる。

JSでごちゃごちゃ頑張ってしまったけど、普通にCGIにしとけばもっとすぐ書けたと後から気づいた。

*1:Exampleがはてなブログなのは特に意味はないですw