Web Designing 9月号 PNG特集に寄稿しました

$escafrace blog$

Web Designing 9月号 PNG特集に寄稿しました

Aug

2008

雑誌「Web Designing 9月号」にて、特集1：透過PNG＋CSSデザインがやってきた！に寄稿しました。また、さかのぼったお知らせになりますが、前々号の Web Designing で CodeEXPRESSをご紹介いただきました。

透過PNGといえば、IE6 でサポートされていないために（スクリプトを使う必要があるため）敬遠されがちでしたが、この特集では惜しみなく透過PNGを使ってデザインされているサイトの事例をもとに、透過PNGならではのレイヤーを駆使したデザインが、どのように実装されているのかを解説しています。興味のある方は是非どうぞ。

ちなみに Twister Alternativeでは、極力画像のリクエスト数を減らして快適に使えるよう CSS Sprites という手法を利用していますが（詳しくは CSS Sprites の記事をどうぞ）、それぞれの画像の間のスペースは透過しています。

アルファチャンネルが入った透過ですとIE6以下でスクリプト（もしくは独自拡張）が必要になってしまうので、デザイン的に問題がない場合はPNG8の（アルファチャンネルのない）透過画像にしておくと問題を回避できます。

（といっておきながら、Twister Alternative のサイドバーは下の画像まで透過していて、どうしてもアルファチャンネルが必要な部分なのでここだけはPNG8 というわけにいきませんでしたが･･･）