効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』

かっこいいインターフェースをCSSで実現したい。

そんなあなたにおすすめなのが、『Powerful CSS-Techniques For Effective Coding』。Smashing Magazineによる、効果的なコーディングのための強力CSSテクニック集だ。

以下にいくつかご紹介。

» Triadic Background Setting with CSS
　Silverbackのサイト。シンプルなCSSで3枚の背景画像を重ねて3D効果を出している。ドキュメントはないがソースコードを見るだけでとても刺激的
» Creative Use of PNG Transparency in Web Design
　Webデザインの幅を広げるPNGの透過。IE7はそのままPNGが使える。それより古いブラウザ対応はJavascriptとCSSテクニックで実現
» Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table
　Crazy Eggで使われているテーブルのかっこいいハイライト方法
» Better Ordered Lists (Using Simple PHP and CSS)
　PHPとCSSを使ってリストをかっこよく見せるテクニック
» Partial Opacity
　とてもクールに一部を透過させる方法

そのほかにも以下に素晴らしいテクニックが満載だ。

» Powerful CSS-Techniques For Effective Coding

効果的なコーディングのための強力CSSテクニック、チェックして使っていきたいですね。