2010年には、正式な勧告としてリリースされる予定のHTML5。

徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。

だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。

まずは、HTML5を使ってどういう事ができるのか？実際に見る事ができるサイトをいくつかご紹介。

HTML5 Gallery | A showcase of sites using HTML5 markup

HTML5で構築されたウェブサイトをまとめてくれているギャラリーサイトです。

Dive Into HTML5

HTML5を解説してくれている現在もコンテンツがどんどん増えている進行中のウェブサイト。もちろんこのサイト自体もHTML5で構築されています。

HTML5 Canvas and Audio Experiment

HTML5のCanvasとAudioで動く実験ページ。まるでFlashやSilverlightを使っているかのような動きですね！新しい可能性を感じるページです。

では、実際にHTML5を書いて試してみましょう！

HTML 5 Cheat Sheet

プリントアウトして手軽に使えるHTML5のチートシート。慣れるまでは、このチートシートをデスクに置いておくとなにかと便利ですね。

HTML 5 pocket book

こちらはHTML5のポケットブック。折り畳んで、手帳や財布に入れておくと、いつでも確認できますね。

Modernizr

まだまだブラウザの対応がすすんでいないHTML5。Modernizrは、CSS3各プロパティやHTML5のエレメントが有効かどうかを検出してくれるライブラリ。

HTML5 and The Future of the Web – Smashing Magazine

Smashing Magazineさんがまとめてくれている、HTML5の解説エントリ。

Coding A HTML 5 Layout From Scratch

スクラッチからHTML5のレイアウトを作るチュートリアルです。英語の解説ですが、とてもわかりやすく解説してくれています。

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using – Nettuts+

HTML5とCSS3でつくるウェブサイトのチュートリアル。ちらもとてもわかりやすく解説されています。

jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

jQueryとHTML5のCanvasをつかって作るチャートやグラフののデモページです。

70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers

70種類ものHTML5のチュートリアルをまとめてくれているエントリ。