CSS

http://www.designwalker.com/2009/08/wp-jquery.html

こりゃ見違えるわ。

http://www.webappers.com/2009/08/10/70-must-have-css3-and-html5-tutorials-and-resources/

いっぱい載ってる。全部英語だけど。本書けちゃうね、こりゃ。

http://www.designwalker.com/2009/08/hover.html

CSSやjQueryを使ったマウスオーバーの効果がイロイロ紹介されてた。

マウスオーバーってデザイン中には、忘れがち。最後のコーディングのところになって、う～ん、どうしよ？ってことが多いもの。。。

デザインのアイデアフラッシュとして◎デスネ。

http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/

相変わらず、SMASHING MAGAZINEはネタが豊富。

CSSやJSを利用したナビゲーションの面白いアイデアが掲載されています。
どれも個性的で、デザインだけでなく動作も洗練されているので、応用しだいで素敵なナビゲーションデザインができそう。

http://www.webmonkey.com/tutorial/Stylize_Forms_With_CSS

フォームをデザインする際の汎用的なマークアップ、CSSの記述の仕方がチュートリアルとしてまとまっている。

http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

CSSベースなので、応用して使えそうです。

http://www.opensourcetemplates.org/

デザインも洗練されていて美しいものばかりです。

http://www.dotemplate.com/

サンプルのテンプレートがプロ仕様で画像もついているのでイメージしやすい。
サイト内のフォームから入力指定でカスタマイズできるので◎

http://mycelly.com/

2カラムからセンター配置まで、シンプルだけど使い勝手の良いCSSレイアウト集。
12種のサムネイルから好きなCSSテンプレートをDLできる。

http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

42種ものレイアウトベースがあるので、WEBデザインで使用するおよそのパターンに対応可能です。

【その１】
NETTUTS – Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous

AJAX＋CSSでメニューが縦に展開します。同一ウインドウでコンパクトにコンテンツを魅せたいときに。
デモあり。

【その２】
JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」

こちらもAJAX＋CSSのアコーディオンメニューですが、横に展開します。＆うにゅーんとゴムを引っ張ったようなスムーススライドです。

【その３】
The CSS-Only Accordion Effect – CSSnewbie

こちらは、CSSのみで実装のアコーディオンUIです。解説も細かく（英語だけど）勉強にもなりますね。

【その他】

• Easy Scroll v1.0 – Unobtrusive content scroller
• Accordion v2.0
• NYOKIGLITTER – Tab Styled Accordion
• NETTUTS – Web development tutorials and links – Create a Cool Animated Navigation with CSS and jQuery
• woork: Using CSS and Mootools to simulate Flash horizontal navigation effect

コンセプトは、同じですが、こんなに色々なデザインや動きがあるのね、ってくらい、色々あってどれも面白いです。

http://wufoo.com/gallery/

『Wufoo FORM Gallery』

http://css4free.com/

『CSS 4 Free』

フリーで素敵なCSSレイアウトのテンプレートを入手できる。

レイアウトの完成度が高いので、ビジネスブログやコーポレートサイトにも使えそう。

PHPSPOTの関連エントリ

• 使えるCSSレイアウトテンプレート集「mycelly.com」
• シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」
• 管理者ページのテンプレートが配布
• ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」
• 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成
• 12のフリーCSSテンプレート集
• １カラムのクールなテンプレート集４０＋
• 用途別に使えるフォームのテンプレート集「The Wufoo FORM Gallery」
• CSSベースのクールなリストが作れる「List-O-Matic」
• プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」
• 美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」
• 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」
• フリーのWEBデザインテンプレート集
• フリーのCSSテンプレート＆テンプレート配布サイトまとめ

http://www.zachgraeve.com/css-cheats/

汎用レイアウトのHTML&CSSソースが公開されています。

これを元に使えば、制作作業が効率かできます。
使いたいレイアウトをクリックして選んだ後、左上の「View Souce」でソースを表示させ、コピペします。HTMLとCSSは1つのソースになっているので、CSSを別ファイルにして、リンクを貼ればＯＫ！

http://vandelaydesign.com/blog/galleries/minimal-websites-designs/

『25 Beautiful Minimalistic Website Designs: Part 3』

http://vandelaydesign.com/blog/design/minimalistic-web-designs/

『25 Beautiful, Minimalistic Website Designs – Part 2』

http://vandelaydesign.com/blog/design/minimalistic-web-design/

『25 Beautiful Minimalistic Website Designs』