フリーでDLできる、CSSベースのHTMLテンプレートの配布サイトがまとめられてます。配布サイトそれぞれが多くのテンプレートを用意しているので、総数はかなりのもんじゃないでしょうか。CSSガリガリ書いちゃうコーダーの人にとっては「自分で書いた方がはえーよ」って話になりますが、これから勉強したい人や、ベースとなる素材を探している人にはイイ感じのまとめ記事ですね。
間近に迫っているCSS3に関して、実際のトコ何ができるようになるのかについてまとめられてます。セレクタ関係、色と透明度、カラムレイアウトに関して、背景、テキストシャドウ、フォント関係、角丸のDIVボックスなど、デザイン要素のいくつかを画像からコーディングサイドに移す事ができそうです。現状Safari 4しか対応してませんが、モダンブラウザから徐々に対応していくことでしょう。コーダーのみなさん、忙しくなりそうですｗ
最近のウェブシーンのトレンドというか、流行りのウィンドウ表現についてまとめられた記事。Lightbox以降のウィンドウ内ポップアップ表現と言って差し支えない内容です。アルファをかけたオーバーレイ、ラウンドエッジ、グラデーション。このあたりがキーワードでしょうか。Lightboxもそうですが、画像ファイルさえリプレイスすれば見た目はどうとでもカスタマイズできるので、制作するサイトに合わせたデザインワークができるとクールですね。
ウェブデザインのネタ帳になるようなサイトをまとめた記事。いわゆる“CSSなんちゃら”系のサイトや、チュートリアルやTipsを紹介するサイトが40個紹介されてます。ラフデザインやパーツ製作の段階で「うーん」とか「むーん」とかなった時に重宝しますね、これ系のサイトって。
入力フォーム関係のクールな装飾方法や、Javascriptを使った機能拡張についてまとめられています。フォームってわりと味気ない印象になってしまいがちなウェブパーツですが、だからこそそこをウマい感じに装飾できたり、便利に付けるようにカスタマイズするとかっこイイですよね。jQuery Timepickrあたり見せ方がとってもイカす。
CSSでデザインされたスタイリッシュなボタンのチュートリアルや素材がまとめられています。各リンク先ではカスタマイズ方法の紹介や、Zipファイルのダウンロードができます。角丸＆テキストボタンでは、スライディングドアの技術が使われるのが最近では一般的のようです。ボタンデザインやコーディングの際に参考になりそうな内容です。
もいっちょCSS3ガラみのサイトを紹介。CSS3で使えるようになる、グラデーション表現のCSS記述のジェネレーターサイトです。左パネル内から、始点と終点の色、グラデーションの方向と位置などの各種指定を行えば、右のパネル内にCSS記述が生成されます。CSS 3に対応したブラウザを使えばプレビューもされるようです。現状Safari 4しか対応してませんが、FireFoxなどもいずれ対応するでしょう。こうしたCSS 3関係のジェネレイトサイトも今後増えていきそうです。
CSSだけでデザインするアップルのナビゲーション。ただしSafari 4などのCSS3対応のブラウザが対象となります。CSS3のグラデーション機能とラウンドエッジ（角丸）機能を使って、画像ファイルを使わずにこうしたナビゲーション表現ができるという例。対応ブラウザが少ない以上、現状ではまだ実用的な技術ではないかもしれないけど、いずれこういう表現も一般化するんでしょうね。
