The CSS Tinderbox - Open Source Web Design Templates
http://www.dbfnetwork.info/tinderbox/index.html

Webデザインの土台として使えるXHTML+CSSのテンプレートを
ご紹介いたします。

このサイトでは、XHTML+CSSデザインのテンプレートが
幅を固定化しているBOXデザイン、１カラム、３，４カラム
幅を自動調整化している１カラム、２カラム、３カラムの計6種類あります。

以下に、このテンプレートをベースにして制作された
サンプルサイトがあります。

USS LAGARTO (SS-371)
http://www.dbfnetwork.info/lagarto/





XHTML+CSSデザインのサイトを制作しようとした時に
一からデザインする必要が無くなり、効率化を図れますね。

Styleboost - showcasing outstanding websites since 2001
http://styleboost.com/

リニューアルした老舗ウェブデザインのギャラリーサイトをご紹介いたします。



近年、様々なギャラリーサイトがありますが
今回ご紹介するサイトは2001年から5年間続いている
ギャラリーサイトの中では老舗的な存在です。
そのサイトが最近リニューアルしましたので
取り上げてみました。

このサイト運営者は、XHTML+CSSデザインが
好みらしいですが、ギャラリーで取り上げているサイトは
様々なタイプのものを取り上げています。
タグ検索やカラー検索など、ユーザーの感覚から
検索ができますので比較的、検索しやすい模様です。

Tutorials - Pixel2life Free Tutorial Search Engine

http://www.pixel2life.com/

チュートリアルの検索エンジンサイトをご紹介いたします。




Webデザインやグラフィックデザインなどの
チュートリアルをはじめ、さまざまなチュートリアルが
ありまして本当にジャンルの幅が広いですね。
チュートリアルを探す時には、まずこのサイトを
チェックしてみるのが良いでしょう。

チュートリアルをお探しの方には
非常に役立つサイトです。

CSS Design Templates

http://templates.arcsin.se/

XHTML+CSSデザインのTemplateを集めたサイトをご紹介いたします。



テンプレートの数は現在6種類と多くありませんが、
各テンプレートはアップデートを加えているので
少しづつマイナーチェンジされている模様です。
デザインはXHTML+CSSで制作されています。

Best Web Gallery

http://www.bestwebgallery.com/

visual + technical + creativityをモットーにしたギャラリーサイトをご紹介いたします。




さまざまなカテゴリーが存在するギャラリーサイトで、
Webサイトの形や構造などに拘らず、visual + technical + creativityで
あるWebサイトならば取り上げていこうとしています。

このサイトのタイトルにもあるように
まさしく「Best Web Gallery」を目指している模様です。

特にFlashのサイトを多く取り上げていますので
Flashサイトを制作しようとしている方には
良いインスピレーションが得られるのではないでしょうか。

Recently Popular Tutorials » TipClique Tutorials

http://www.tipclique.com/

ユーザー評価やタグ分類のあるチュートリアル
サイトをご紹介いたします。



グラフィックデザインやWebデザインに関する
チュートリアルがあっていろいろと学べます。
そして各チュートリアル記事がタグ分類されているため
「Tags」のメニュー（画面右の真ん中あたり）から
該当するタグを選んで検索できます。
なかなか検索の使い勝手も良い感じですね。

ユーザー登録すると、自分のプロフィールを作成できたり
チュートリアルを紹介できたり、友人とコミュニケーションを
取ったりとサービスが使えるようになります。

あと、このサイトは基本的に英語なのですが
画面右側に各国の国旗画像があって押すと
サイト全体が翻訳されます。なかなか良い機能ですよね。
しかし、日本語訳は完璧ではなく、逆に翻訳しないほうが
分かりやすい文章や単語もありますので、そのあたりは
上手に活用してみてください。

WithStyle - Dernières sélections

http://withstyle.biz/?galeries

W3Cに準拠したデザインにも凝ったサイト中心のギャラリーサイトをご紹介いたします。



取り上げているサイトの数は決して多いとは
言えませんが、W3Cに準拠していて、かつ
デザインにも凝っているサイトを取り上げています。

私のお気に入りのデザインは以下の２つです。

Exopolis Inc.

http://www.exopolis.com/home/

Flashを取り入れていてデザインもシンプルですっきりしているところがイイですね。


Web studio : Spine

http://www.spine.ro/

ヘッダー部分の画像の使い方やタブメニューの動きなど気に入ってます。全体的に画像を上手に使っているあたりがイイですね。

Web Design from Scratch - Free web design course - basics, layout, free tutorials, case studies, how to guides and examples

http://www.webdesignfromscratch.com/

Webデザインの総合的なチュートリアルサイトを、ご紹介いたします。



Webデザインに関する事柄が、一通り学べる
チュートリアルサイトです。
以下が学べる内容です。

・基本的なこと
・デザイン過程
・グラフィックデザイン
・サイト構造
・アクセシビリティ
・ユーザビリティ
・コピーライティング
・HTML
・CSS
・Javascript/DHTML

Webデザインに関する事を、ほぼ網羅しており
これまで項目をまとめているサイトは有難く貴重ですよね。
このサイトの中でオススメなものは
Webデザインのガイドですね。
以下のページから、その内容が
ご覧いただけます。

Web Design Process

Pixel Groovy - front page

http://pixelgroovy.com/

ユーザー参加型のチュートリアルサイトをご紹介いたします。



Webデザインに関連する様々なチュートリアルがあります。
Ajax、CSS、Flash、Illustrator、Javascript、Photoshopなど
全部で28カテゴリーのチュートリアルがあって、同時に
ユーザー参加型で、あるチュートリアルに評価を加えたり
自分で発見した有益なチュートリアルを投稿したりもできて
なかなか面白いサイトですね。

今後はWeb2.0の時代でもありますし、その中で
情報を共有していくことが一つのテーマとして
挙げられていますから、このようなユーザー参加型の
サイトは非常に有益なものですよね。

CSS Remix: CSS-Based Website Gallery

http://www.cssremix.com/

Web Standard（xhtml+css design）なギャラリーサイトをご紹介いたします。



500を超えるサイトを展示しているギャラリーサイトです。
デザインはWeb標準に準拠して制作されたもの（xhtml+cssデザイン）
に厳選しているのですが、テイストはバラエティーに富んでいますね。
xhtml+cssデザインでもビジュアルに凝ったサイトが制作できるという
可能性を感じさせてくれます。

このサイトの特徴は、ユーザーによる評価とコメントができたり
編集者による推薦サイト（オレンジのギザギザアイコン表示）が
あったりします。今後は、vaildでcleanなソースコードの作品や
Flashを効果的に使用している作品などを評価して、それと分かるように
アイコンマークで示すようにするみたいです。
validでcleanなソースコードの評価は早い段階で
サービスを開始してほしいですね、参考にしたいですからね。