HTML5 + CSS3で記述された、汎用的なウェブテンプレートを配布しているサイト。このサイトそのものも同テンプレートで制作されていると思うんだけど、よく見ると鬼のテキストサイトだったりします。画像ほとんど使われていません。いやーアツいですなこういうの。またページ下部の“Influential Projects & Articles”を見ると、Reset.cssやjsなど、他のプロジェクトから多くのリソースを流用している事が分かります。HTML5で制作を始める際のベースとして良さそうです。

HTML5 Reset

クールなウェブテンプレートがまとめられた記事。企業ページ、ブログレイアウト、マガジンレイアウト、ポートフォリオ＆ギャラリーレイアウトと、レイアウトごとに分けて紹介されているので、用途に応じて選べます。どれもXHTML + CSSでレイアウトされているのはもちろん、デザインの質も高いので重宝しそうです。サイト制作の素体としてや、デザインのネタ帳としてもナイス。

40 High Quality CSS and XHTML Web Layout Templates

フリーで配布されているウェブテンプレートがまとめられた記事。XHTML / CSSでコーディングされ、デザインもわりとモダンなものが揃ってます。デザイン的な参考というか、ネタ帳としても悪くない記事。

Top 10 Html/CSS Web Templates Of June 2010 For Free Download

HTML5とCSS3でコーディングされたウェブテンプレートのまとめ記事。時期が時期だけに最近この手の記事よく見かけます。iPadが発売されて売れまくってる事と無関係とは思えませんね。脱Flash、親HTML5という流れは、制作者としてとても歓迎すべき事だと思っております。あとジョブズ先生のインタビュー記事、なかなか興味深いです。これ動画で見たいなぁ。

10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)

HTML5のスターターパック。ウェブ上で作例を見る事ができ、ファイル一式をダウンロードできます。IE6などのHTML5非対応ブラウザや、タブレット環境にも対応しているという点がポイント。IE6どうやって対応してるんでしょうね。ソースまで見てないので何とも言えませんが。HTML5への過渡期となる、ちょうど今の時代にナイスなテンプレート。

HTML5 Starter Pack – a sick freebie

リキッドレイアウトやエラスティックレイアウトに対応した、CSSフレームワークやHTMLテンプレート、ジェネレーターをまとめた記事。くくりがかなり大きいので、その分様々なサイトが紹介されています。いわゆるグリッドレイアウトのためのフレームワーク類が記事の中心です。自分がこの中で好きなのは、960 GridSystemを元に制作されたVariable Grid System。960gsはテンプレートそのもの以外にも、同梱品のPSDがなかなか優れているので、デザインお越しの際に利用してます。こうしたフレームワークを基礎として制作すると、自然とIEでのレイアウト崩れなどが起きづらくなるのでオススメ。

Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks

クールなウェブテンプレートのまとめ記事。61ものXHTML + CSSでコーディングされたテンプレートが配布されてます。わりと最近のものばかり集めたようで、モダンなデザインテンプレートが多い印象。コードまでは見てないので何とも言えませんが。ウェブ制作の素体として、またネタ帳的な使い方にイイかもしれません。

61 High Quality And Free xHTML Templates Part 2: Year 2010

クールなウェブテンプレートが100例集められた記事。どれもXHTML + CSSでコーディングされたモダンなテンプレートだそうです。こういう記事ってわりと好きでよく紹介しますが、実際のところコーディングされた内容まではあまり使った事がありません。それよりもデザイン的なネタ帳としてイイなと思うのであります。ネタに困った時に良さそうなまとめ記事。

100 Fresh And Free xHTML Templates Of Year 2010

HTML5とCSS3でコーディングされたウェブサイト。新しいコーディング手法にぼちぼちシフトしている人もいるんじゃないでしょうか。自分も今やってる案件で、部分的にCSS3による装飾を導入してます。とは言ってもデザイン的にマストな項目にはやっぱり適用できず、Webkit & Mozilla環境に向けた無害な部分にのみ限定的に適用。対応ブラウザで見た時の「おおっ」って感じはなかなか楽しいんですが、本格的に導入しようとなると、やっぱり当分の間IEがいつものように足を引っ張ってくれるんでしょう。6フィート下に誰か埋めてください。

12 Elegant, Free & High Quality HTML5+CSS3 Templates

HTML5とCSS3でコーディングされたテンプレートを集めた記事。次世代コーディングを行う上での素体として機能するフレームワークとも言える内容。CSS3に関しては装飾に関する拡充なので、今までの知識に上積みする事ができるとはいえ、HTML5に関してはちょっとしたワークフローの転換が必要かもしれません。何も知識がない状態からいきなり始めるよりは、こうしたフレームワークを土台にして勉強した方が案外近道かもしれませんね。

15 Useful CSS3 and HTML5 Templates and Frameworks

クールなウェブテンプレートがまとめられた記事。XHTML + CSSでコーディングされたファイルがダウンロードできるほか、いくつかの作例は元となったPSDも配布されています。サイト制作をする上での素体として使うのに役立つほか、ウェブデザイン・レイアウトの参考にもなります。今進行中の案件で、早速アイデアを拝借しました。デザイナー同士はこうしてTipsを共有しないとね。

Top 10 Html/CSS Web Templates Of March 2010 For Free Download

HTML5で書かれたテンプレートのまとめ記事。各リンク先では制作のチュートリアルやソースが配布されてます。HTML5ではヘッダやらフッタやらの専用タグが多く追加になるので、制作スタイルにもいくつかのシフトが必要になりそうです。クールにデザインされている作例が多いので、単純にネタ帳としてもナイスな記事。

HTML5 Website Layout Tutorials and Inspiration