CSSだけで各種ソーシャルメディアのアイコンを作る方法

ソーシャルメディアのアイコンをCSSとHTMLだけで作ってしまった「Experimental: Pure CSS social media icons」というエントリーのご紹介。

IE系では動作しないようですが、面白いサンプルがありました。

詳しくは以下

動作デモ

JavaScriptも画像も使用しないで次のようにロゴを再現しています。

■ Firefox3.6

■ Safari4.0.5

■ IE8

残念ながら、四角くなってしまってます。

■ Chrome

■ Opera10.5

デモを見ていただくと、実際の様子がわかります。
将来的にはこういった技術を使用してリソースの節約をしていけるかもしれませんね。