マイスキンつくりたいな
by tomo0640820
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
カテゴリ
目次
このサイトについて
とりあえずマイスキン
HTML編集 A
HTML編集 B
HTML編集 C
HTML編集 D
CSS編集 序1 明解編
CSS編集 序2 模索編
CSS編集の友
いざマイスキン
マイスキン人リンク(TB)
お便利サイト
以前の記事
2004年 10月
2004年 09月
2004年 08月
2004年 07月
2004年 06月
2004年 05月
お気に入りブログ
Feeling...感じ...
ちゃめ・家
【 d r o p s ...
FOOTBALL STYLE
ごはんですよ。
のらくら庵
ライムのブログ
流れ星の散歩道(^_-)-☆
極私的パパ馬鹿日誌
じゅん☆ブログ
発展途嬢
:..: めもにっき。:...
はい こちらサポセン。
+ music life +
Roller skate...
でも、がんばる!
Fan Fan Life...
トルコ旅日記
喜 怒 哀 楽
ぽっとの陽だまり研究室
MIURAKE
Brel et moi
Loophole
blueblueclub
恐悦至極に存じます。
しゃんくのつぶやき
しあわせの箱庭
ぱーむらいふ
超初心者一眼レフ日記。
私の人生、こんなもん 涙...
人生の地図
today's chan...
そんな目で見るなよ
雀屋だらだらday's
スラドット60
no name☆
日記はいつも三日坊主。
norah'#
3gatsu-USAGI
***amedama ...
My funny Val...
Bostonterrie...
たびcamera
お魚好きなねこ
MINT TIME
エキブロ外リンク
Anemosphere-Blog
TOMOのother sites
tomolatte
最新のトラックバック
表示/非表示のがたつき
from 華談 -St.Dorothe..
CSS&HTML / T..
from 日刊エキブロ新聞
リニューアル工事中。
from Too High Quali..
HTMLのテーブル
from † CrossMoon † ..
検索
人気ジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
CLASS指定をブラウザで簡単に確認する方法
そういえば思い出した…。
某雑誌にお役立ちツールが紹介されていたことを!
Bookmarkletなるものを導入すればCSSがどんなに細かくても長くても読みづらくても(くどい)たっちょんぱ(死語)でCLASSをブラウザで確認できるのだったわ。

このブログの7/11の記事(スクリーンショット)で例示します。


上の画像のような感じでCLASS指定された部分が赤枠でCLASS名は赤字で表示されます。便利ですよね。
実物大のBookmarklet使用画面スクリーンショットはこちらです。

このBookmarkletはJavaScript::Bookmarkletで紹介されています。



そもそもBookmarkletとは(サイトからの転記ですが)、 JavaScriptで記述された小さな(1行から2行ぐらいの)プログラムで、ブラウザのブックマーク(お気に入り)から利用することができるもの、だそうです。

肝心の使い方ですが簡単です。
JavaScript::Bookmarkletサイト内真ん中あたり「DIVにclassが定義されているものだけを表示」の部分を右クリックし「お気に入りに追加」します。
その後、構造を知りたいサイトをブラウザに表示させ、そのお気に入り(=「DIVにclassが定義されているものだけを表示」)を指定するだけ。

このサイトには他にも「DIVのid部を表示」「スタイルをテスト」など便利なBookmarkletがてんこもりです。
さあ、あなたも使いたくなりませんか?
(備考…各Bookmarkletによって使用ブラウザに制限あります(^_^;)

(;゜〇゜)ぁっ、じゃあ私が今やっている「CSS編集の友」って無駄骨じゃ…ま、見なかったことにしよう(汗

[PR]
by tomo0640820 | 2004-07-25 19:36 | お便利サイト
<< No.8 「川北NOW」 fu... CLASS名 図解 Aタイプ >>