GIF画像をPNGっぽく用いたサイト

Dale Harris さんのポートフォリオページ。

こういった透明感のあるグラフィカルなサイトは
たいてい画像を透過pngにしていることが多いのですが、
こちらは透過gifを利用しています。

pngの方が透過処理がキレイではあるのですが、
まだまだ普及率の高いIE6で表示ができない、という致命的な欠点があるので、
一般的なサイトではなかなか利用されていません。

ですが、個人のポートフォリオサイトに関しては別で、
透過pngやJavascriptをふんだんに用いた前進的なものが多いのですが、
gifでもきれいなサイトが作れるんだなーと感銘を受けました。

透過gifでここまで画像をキレイに表示しているサイトはあまりないのではないかと思います。

ただひとつ気になる点は、
ページ中段くらいにでてくる4つのカンバッジ状のメニューの部分。
カーソルを合わせると絵柄が変わるのですが、IE6では画像がちらつきます。
a要素だけに画像を指定するとこうなってしまうので、
aの親要素にも画像を指定すると問題なく表示できます。
このサイトの構造を考えると、ちょっと難しいかもしれませんが。

デザインやコメントの手書き具合がとても気に入ったのでメモ。
色合いもとっても絶妙ですてき。