HTML5で記述されたクールサイトまとめ。HTML5を使って何がどうアツいのかはサイト次第ですが、こうしてズラっとサムネール見てるとどのサイトもデザイニングの質が高いというか、モダンでかっけーす。最初からレガシーブラウザを切り捨てる事でこれだけフリーダムになれるっていうか、デザイナーが見てて楽しい作例が多いという印象。あと最近のこの手のモダンなデザインってテクスチャの比重大きいっすよね。わりとコッテリというか。
追記：似たような記事をもう1つ見つけたので追記。
50 Impressive Website Using HTML5 Markup
40 Beautiful Free HTML5 & CSS3 Templates
HTML5ベースの動画プレーヤー。ただしサイト埋め込み式ではなく、Youtubeのようにファイルをアップロードするタイプの、いわゆる動画ホスティング形式のウェブサービスです。そのために利用に関してはアカウント登録が必要ですが、基本プランであれば無料で使えるみたい。SSLとかeMailサポートが必要な場合は有料版も用意されてます。Demoのページを見ると、動画の表示形式についても色々選べるようで、動画のウェイトが大きいサイト構築の際に使えそうなウェブサービス。レガシーブラウザ向けにFlashプレイヤーでの再生もサポートされてるようです。モダンブラウザ、レガシーブラウザ、スマートフォンと、一通りの再生環境にまとめて対応できるのが利点かなと。
HTML5ベースのWordpressテーマ。ダウンロードしたファイルをサーバ上のテーマフォルダ内に突っ込んで、管理画面から適用すればオッケ。元はSmashingMagazineのこの記事で、WPデフォルトのTwentytenをHTML5化したもの。divはarticleなどの専用タグに置き換えられ、タイムスタンプも専用のタグに置き換えられてます。テーマ制作の素体として最適なテーマだけに、これをまずHTML5化し、そこからカスタマイズするには最適なテーマかと。
HTML5のテンプレートを条件に応じて生成してくれるサイト。方法は3つあり、最初の「1 second」では単純にHTML5のテンプレート素体をDLできます。ミニマム構成です。次の「15 seconds」では簡単なカスタマイズができます。例えばjQueryライブラリの有無、Googleの各種サービスの有無など。最後の「1 minute」ではより詳細なカスタマイズができます。カスタマイズを行った上でテンプレートをDLできるので、これから制作しようとするサイトの条件に沿った内容で効率良くテンプレートを生成できるのが特徴。とってもナイスです。
ビギナーのためのHTML5/CSS3コーディングチュートリアル。これから始めようという方にピッタリな内容。まずはHTML4から5になって何が変わったのかの概要説明から始まり、HTML5のスケルトンモデル（基礎となる骨組み、素体）のコードが紹介されてます。極めてシンプルな内容でそのままソースのコア部分として使えそうです。次にCSS3について紹介され、最後にHTML5でコーディングされたテンプレートやWordpress用テーマがいくつか紹介されてます。作例紹介以外にも、各種リソースへのリンクなどもまとめられており、なかなかナイスなまとめ記事。
HTML5とCSS3でコーディングされたWebテンプレートのまとめ記事。この手のまとめ記事でよく目にするテンプレートもありますが、初見のものもいくつかあったので紹介。JS組み合わせてTopページでスライドとか、最近じゃド定番の手法になってきましたね。HTML5ベースのサイト制作をする際の素体としてもイイかもしれません。つかテキストベースのサイトが多いんだけど、これは欧文フォントをメインに使う場合に限定されちゃいますね。
WebGLを使って作られたデモサイト。WebGLをサポートしたFirefoxやChromeなどで見る事ができます（Safariでも設定さえすれば見れるらしい）。最初ロードで多少待たされますが、「Play」ボタンを押すと光と音楽を使ったデモが始まります。マウスの操作に応じて奥へと進む光の向きをコントロールできます。いやーなんかスゴいっす。特別何かの役に立つわけでもなく、純粋に「こんな事できるYO！」という技術のひけらかしではあるんですが、ブラウザウィンドウ内でこれだけの描画できるってなんだかスゴいっす。そういえば昔VRMLなんてのもあったなぁ、とか思い出しました。Webで仕事してる人は見ておいて損はないかと。
デザイナーのためのHTML5関連オンラインツールをまとめた記事。主にコードのジェネレーターですが、ちょっと変わったスケッチツールなんかもあります。役に立つ系としてはパターンジェネレーターやアニメーションツール、フォントテスト、HTML5でコーディングされたオーディオ再生パネル、SVD to Canvasの変換ツールなどがあります。HTML5でコーディングする際に役立つ・・・かどうかは微妙なところですが、まぁわりと興味深いまとめ記事だったので。
