デザイナーのためのHTML5リソースまとめ

admin — Mon, 09 Nov 2009 18:40:55 +0000

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DesignWalker » html5