440design Beta

Iconize

Iconizeを使うと、テキストリンクの横にファイルタイプやリンク先別のアイコンを表示することができます。phpだのjavascriptだのifだのelseだの全然なしで、CSSと各アイコンだけアップすればよいという手軽さ。
リンクのなかに、例えば.pdfという拡張子があったら、自動でテキストの後ろにpdfのアイコンをくっつけて表示するようになってます。ファイルタイプだけじゃなく、YouTubeやFlickrへのリンクでもそれぞれ動画アイコンや写真アイコンがでるようになってます。ただし、IE6以下では動かないようです。

この他にもたくさんのファイルタイプに対応

CSSだけでどうやってそんなことできんの？と思ってソースを見たら、こういうことができるんですね。

お恥ずかしい限りですが、CSSでこんな条件分岐みたいな指定のしかたができるなんで知りませんでした…orz
CSS関係の本は読んだことなかったんですが、一度ちゃんと読んだほうがよさそうな予感。良い本をご存じだったら教えてください。

ネタ元：Add Icons To Your Text Links With CSS

• ひとりごと: やるべきことの半分もできなかった…まあこんな日もある。
• 聴いている曲: The Dethalbum / Dethklok
  Gorillazみたいな「バーチャルバンド」。
• 読んでいる本: MySQL入門以前を読み終えた。このわかりやすさは異常（もちろんほめてます）。
  きょうの猫村さんが届いたので今日は寝る前にコレを読む。猫村さんのなごみぐあいも異常。

2008年1月9日水曜日 22:18:58  カテゴリー:Web Design
よかったら、コメントまたはトラックバックしてください。
トラックバックURL