コーダー魂

CSSを使ったロールオーバーボタンは以前からよく使っていましたが、
最近になって、一枚の画像ファイルでロールオーバーボタンを作る方法を知りました。

これまでは通常時とロールオーバー時で２つの画像ファイルを用意していましたが、
これだとロールオーバーする時に一度画像を読み込まないといけないので、
環境によっては画像が読み込み終わるまで、
一時的に画像が消えてしまう状態がありました。

でも一枚絵でのロールオーバーなら、既に画像を読み込んでいるので、
画像が消えることなくボタンが切り替わって表示されます。

ボックスの高さ、幅を数値で指定して、
背景画像の位置を指定してやれば簡単にできます。

・・・というか、なぜ今までこんなうまいやりかたが、
あるのに気づかなかったんだろう。

う〜ん。。。（汗）

iPhoneが登場しましたが、
コレによって、またまたWebの閲覧環境にバリエーションが増えてしまいました。

仕事で制作したサイトたちも、これからは
「iPhoneでしっかり見えるようにしてください！」
なんて要望がクライアントから出てくるかも知れません。

というか、きっと出てくるでしょう。

今のところ、iPhone用の仕様はとくにないみたいですね。
iPhoneはサイトの「拡大・縮小」表示ができるようなので、
普通のWebサイトでも一応はちゃんと見ることができるようです。
店頭のデモ機を見ただけなので、正確にはなんとも言えませんが・・・。

携帯サイトとPCサイトの垣根は低くなりつつありますが、
やはり別物なので、コーダーの手間が減るようなことは、
なさそうです。

がんばって働くべし・・・。

Ajaxを使ったcssの切り替えに苦戦中。
どっかにサンプルスクリプトが無料配布とかされていないか、
ネット上を這い回っております。

海外のWebデザイナーさんのサイトなんかだと、
よくサンプルが公開されていますが、
英語やドイツ語だったりして、イマイチよくわかりません（泣）。

学生のころ、英語の勉強はしっかりやっておくんだったと、
今更ながら後悔。