(X)HTML CSS カテゴリのアーカイブ

構想は睡眠学習にて、制作半日。

過激な赤いやつから元に戻すのもなーと思って違うやつも作ってみました。
◆← に桜が咲くまで使うぜ！大体 5 月中旬くらいです。
どうもドス赤いピンクが好きらしく、またまっぴんくになりそうだったので途中で軌道修正しました。

新年度だからエンジン全開ゴーオンジャーってわけでもないんだけど、やりたい作りたいと考えて何も作らないより 30 点の出来でもいいから何かした方がいいと思うこのごろ。

構想 3 分、制作 1 時間。

画像を差し替えて CSS の色指定を変えただけなんだけど、作るのは楽しかったです！
元はこんなやつ。
見る分には目が痛くなるので早く明日になってほしいｗ

先日いつものように Picmv を使おうと思ったらエラーになって、いろいろやっているうちに正常に動作するようになった件、原因がわかったような気がします。

出力先ディレクトリを Landisk の共有フォルダに設定しているんだけど、エクスプローラでその共有フォルダを開いてから Picmv を実行したらちゃんと動くみたい。
というよりも、Landisk がスリープ状態？省電力モード？になっている状態だと Picmv が保存しに行こうとしても接続できない、そんなかんじだと思います。

Picmv は何年も前から愛用させていただいているので、なんとなくでもエラーの原因がわかってよかったですヽ(・ω・)ﾉ

てっきり使えるものだと思って :nth-child() を書いてみたらエラーが。
Firefox 3 ではまだ使えなかったんですね(´･ω･`)

• [Firefox] アドオンStylishでnth-child擬似クラスが使えない
• Stylish CSS3 help – userstyles.org

何番目！という指定ではなく、最初の要素の隣の隣の隣の・・・と指定してくださいってことでした。

なんでこんな CSS を書こうとしかたといいますと、Amazon アソシエイトのトラッキング ID を一部非表示にしたかったから。

Firefox の拡張機能 Stylish で nth-child を使いたい の全文を読む

wu せんせーご推薦の二つ、まずは高さ揃えから。
jQueryでブロック要素の高さを揃えてみる – 徒書
jQuery と上記を読み込んで、高さ揃えをしたい id や class を指定するだけでおっけー。

つぎはロールオーバー。
JavaScriptでロールオーバー – 徒書
HTML には hogehoge_off.png などという画像を img タグで表示しておいて、hogehoge_on.png という画像を用意しておくと、オンマウスで hogehoge_on.png を表示してくれるという仕組み。
CSS 背景でロールオーバーしようとするとやたらと class をつけなきゃならんかったりするので、この方法だと入力文字数が 1/5 くらいになる気がします。