Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by it's icon, kind of. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy.

PDFやEXE、CSS等ファイルのフォーマット別アイコン集。
以前、「CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与」で、リンクの拡張子を元に画像を自動付与する方法を紹介しました。
実際に画像付与する際の画像もあった方がいいですね、ということで紹介。

リンク先でアイコンのアーカイブを一括ＤＬ可能です。



尚、リンク先はFireFox等の属性セレクタ対応ブラウザで閲覧しないと表示されませんが、ダウンロードは可能です。
こういう風にアイコンを自動付与してあるのとないのとで、サイトの使い勝手は大きく変わってくるので実装してあると利用者に親切なWEBサイトになりますね。

関連エントリ

• CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与