html5boilerplateでPNGをIE6,7に適用させる。

とりあえずメモ：

html5boilerplateのテンプレートを使う理由の１つとして、いろんなさりげない演出をサイト上で実装していきつつ、IE6などにも対応していきたい・・という欲求があるわけなんだけど、どうもDD_belatedPNGは、IE6,7,8でフェード系の動きでちょっと・・・

とりあえず透過PNGでフェード系の動きをさせると、周りがカピカピする。多用するJQuery Cycle Pluginと一緒に入れるとエラーが出る・・とか、あまり汎用性がなく、なんか旨くないわけ。

今まで、動きをつけるときは簡単なところでもFLASH使ってしまっていてDD_belatedPNGは最強・・・などと思い込みで組み上げていたので、実務でかなりはまってしまった。

FaceBookに泣きの一言をあげたら、友人に「jQueryベースのPNGFIX使えば？」の一言で、色々と試した結果。

「jQuery.belatedPNG」

が(・∀・)ｲｲ!!と、光が差し込んだわけです。詳しくは飛び先で見てくれればいいのですが、DD_belatedPNG をjQuery版にしつつ、バグも治っているという素敵なプラグイン。


商用可能ということで、早速、自分用テンプレートに組み込んで、次の仕事から活用させて貰う予定。

また一歩、理想のテンプレートへと進んでいくのでした。