AXE EFFECT

ＣＭで気になっててアクセスしてみました。
いろんなコンテンツ満載のサイトだったんですねぇ。
AXE BUSTERSは腱鞘炎になりかけました。
AXE WAKE-UP SERVICEはなんだかすごい。
モーニングコールをかけてくれるサービスなのだ。
しかも苗場ではＣＭのように起こしに来てくれるそうだ。
苗場行こうかな・・・AXE買おうかな・・・
このサイトを見てるとそんな気にさせてられます。

いやーしかし良くできてるサイトだなぁ。
各所で使われている音楽もカッコいい。

AXE EFFECT
　http://www.axeeffect.jp/index.html

CSSで画像の先読みをしてみる

hoverやonmouse等で画像を切り替えて見せる場合
先読み(プリロード)をしてキャッシュさせておくとスムーズな表示が
行われるのだが、JavaScriptを使った方法が一般的。
しかし、ここではあえて「CSS」でやってみることにする。
色々試してみたけど、これが一番いい感じ。
複数ファイル読むときは、divのなかにimgを複数書けばいいのですよ。
onLoadなどが他で利用されていてどうしようもないときなどに有効かな。

HTML側

<div id="pre"><img src="先読みしたいファイル" width="0" height="0" /></div>

CSS側

div#pre{
position:absolute;
filter: alpha(opacity=0);
opacity: .0;
}

先読みしたい画像をimgで読む(複数可)。そのサイズは０で。
positionをabsoluteにすれば他のレイアウトに影響を受けにくい。
さらにopacity(透明度)の設定を０にすることで見えなくする。
これで先読み完了♪

Javascriptによるスクロール位置の取得と固定位置表示

Javascriptによるスクロール位置の取得と固定位置表示です。
IE6/FireFox2/Safari2(他は未確認)で動きますよ。
もちろんこれをアレンジしないと使い物にはならないわけですが・・・。
以下のリンク先がその動作例です。

　http://hanage.dyndns.tv/blogdata/excel.html

肝は数行のJavascript。そしてちょっとしたstyleのみですね。

「マンガ災害事例」がステキ

絵のタッチも内容もステキです。
植田まさし系な雰囲気ですね。


マンガ災害事例
　http://makoto-y.cocolog-nifty.com/blog/

梅雨に変更

さて６月。
もう梅雨入りしたそうですね。全然降りませんが。
でも、今週末ぐらいから雨が続くようですよ。

というわけでタイトルロゴも梅雨風に。