自社で更新するというあるクライアントから，デザインのサンプル集みたいなものが欲しいという依頼を受けました。上部のバナー，ナビゲーションメニュー，フッター，コンテンツの主要なパーツ（見出し，リスト，表などを2〜3種類ほど）を入れたテンプレートは作っておいたのですが，ページが増えてきてちょっと違ったデザインが必要になってきたようです。

せっかく作ったので，大勢の人に見てもらえるように公開してみました。ちょっとした更新なら自分でするという方や，ブログデザインをカスタマイズしたいという方の参考になるように，デザインのサンプルとXHTML・CSSのソース，簡単な解説をまとめてあります。

6月の時点では解説の部分が未完成だったのですが，全てのページに解説（らしきもの）を追記しました。

主に，メインのコンテンツ部分で使えそうなものを並べてみました。ブログならエントリの部分に使えると思います。カテゴリをあげてみると...。

• block : 見出しとそれに続く本文を含んだボックスの装飾
• table
• list : ネストしたリストの装飾も
• inline : テキストの装飾など
• others : その他使えそうなもの

XHTMLもCSSもできるだけすっきりとシンプルなものになるように心がけたつもりです。

詳しくは

• CSSデザインカタログ - Note

に記載しましたので，ご一読ください。

紹介したソースはご自由にお使いください。ご意見・ご感想などいただけるとうれしいです。