使える!42のCSSレイアウトベース集
http://www.code-sucks.com/css%20layouts/faux-css-layouts/
42種ものレイアウトベースがあるので、WEBデザインで使用するおよそのパターンに対応可能です。
タグ: CSS
http://www.code-sucks.com/css%20layouts/faux-css-layouts/
42種ものレイアウトベースがあるので、WEBデザインで使用するおよそのパターンに対応可能です。
【その1】
NETTUTS – Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous
AJAX+CSSでメニューが縦に展開します。同一ウインドウでコンパクトにコンテンツを魅せたいときに。
デモあり。
【その2】
JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
こちらもAJAX+CSSのアコーディオンメニューですが、横に展開します。&うにゅーんとゴムを引っ張ったようなスムーススライドです。
【その3】
The CSS-Only Accordion Effect – CSSnewbie
こちらは、CSSのみで実装のアコーディオンUIです。解説も細かく(英語だけど)勉強にもなりますね。
【その他】
コンセプトは、同じですが、こんなに色々なデザインや動きがあるのね、ってくらい、色々あってどれも面白いです。
『CSS 4 Free』
フリーで素敵なCSSレイアウトのテンプレートを入手できる。
レイアウトの完成度が高いので、ビジネスブログやコーポレートサイトにも使えそう。
PHPSPOTの関連エントリ
http://www.zachgraeve.com/css-cheats/
汎用レイアウトのHTML&CSSソースが公開されています。
これを元に使えば、制作作業が効率かできます。
使いたいレイアウトをクリックして選んだ後、左上の「View Souce」でソースを表示させ、コピペします。HTMLとCSSは1つのソースになっているので、CSSを別ファイルにして、リンクを貼ればOK!