CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 | 100SHIKI

CSSのセレクタをインタラクティブに確認できる超絶便利ブックマークレット『SelectorGadget』 February 27th, 2009 Posted in その他 Write comment かなりマニアックではあるが、その筋の人にはすっごく便利なのでは。 SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。 しかしこれを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる。 使い方は簡単で、まずはブックマークを好きなページで起動する。すると右下にセレクタ表示用のボックスが現れる。 次にセレクタに含めたいDOMをクリックする。するとそこが緑になり、さらにそのセレクタにマッチするDOMが黄色

[kana321]

これを使えば「タイトルだけを指定するCSSセレクタ」「このテーブルのこの列だけを指定するセレクタ」なんてのをインタラクティブに指定しながら確認していくことができる

[yukirin0612]

これは超絶便利。

[kiy_u]

jQueryユーザーにはかなり便利

[yuichiro0526]

[]

[raimon49]

セレクタ視覚化

[poafag]

ブックマークレット　要素

[caliburn]

CSSのセレクタをインタラクティブに設定・確認可能なブックマークレット。「どういう書き方をすればどこがマッチするのか」

[mikemade]

　これいい

[hassylin]

css セレクタ

[junhirabayashi]

SelectorGadgetではCSSのセレクタを書くためのブックマークレットを配布している。CSSのセレクタは慣れるまで書くのが大変である。

[Yamashiro0217]

CSSSelector 便利ツール

[tricot1]

(・∀・)ｲｲ! でもIE7ではちょっと使い物にならなかった…http://www.selectorgadget.com/

[lliorzill]

便利すぎてこれないと困る、 ページ内の要素を指定してcssセレクタを表示するbookmarklet http://www.selectorgadget.com/

[imachiX]

090227

[invent]

セレクタの確認だけだったらfirebugよりいいかも。