ちょっとぽちぽち: 4月 2013

ブログパーツなのですが、これ、もう数年も前のモノなんですって。
その頃から一応知ってはいたのですが、PCのスペック的になかなか触れず
当時は逆に「重くて鬱陶しいなぁ…」なんて思ったりもしたものです。

しかし今はPCも変わってじっくり見ても大丈夫な環境！（一応…）なので
久々に見に行ってみて、裏技なんかもあったことに笑ってしまいました。
見たことないって方は、一度体感してみてください。
↓マウスを画面内でうろうろさせてみるとわかります。

ブログパーツのある場所

こういうのってどうやって作っているんだろうなぁ～…
jQueryとかCSSとか知り始めたものの、やっぱりまだまだわかりません。これはまた別のものでしょうけど…
プログラミングって奥が深いですね…。

久々にお勉強ごとをちょっと。…というか、発見したことを覚書にきた様な物ですが。

GoogleChromeにある、「要素の検証」ってとても便利ですね。
その要素の検証を使って、ああでもない、こうでもないとhtmlページをいじっていたのです。
そのいじりついでにちょっとした発見があったので記しておきますね。

要素の検証をバリバリ使っている方なら知っている人が殆どだろうなーと思うのですが、
検証中に直にタグを書き換えたり、消したりして見る事が出来るんですね！
それを知ったとき、より「これは凄い便利だ！」と思いました。

…といっても、文字だけじゃよくわかりませんよね。
画像でその様子をキャプチャーしてきましたので、暫しお付き合い頂ければ幸いです。

まずは要素の検証。画面上で見たいところにカーソルを合わせて右クリックですね。

検証タブを開いた状態です。

赤線の所をクリックし、ソースのどこにそれがあるかを表示させています。
で、右側に「styles」という項目（*）があります。（緑枠）（*初期設定位置です）
ここが、現在見ている（要素を検証している）所に適応されているCSS部分…という事になります。

マウスをそのstylesの項目辺りに持っていくと、下の画像のとおりチェッボックスが出ます。
それをいじると…

文字色、かわってますよね！　このように「検証」できるようです。