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

2010年には、正式な勧告としてリリースされる予定のHTML5。 徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。 だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。 まずは、HTML5を使ってどういう事ができるのか?実際に見る事ができるサイトをいくつかご紹介。

HTML5 Gallery | A showcase of sites using HTML5 markup

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

HTML5 Gallery | A showcase of sites using HTML5 markup

Dive Into HTML5

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

Dive Into HTML5

HTML5 Canvas and Audio Experiment

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

HTML5 Canvas and Audio Experiment

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

HTML 5 Cheat Sheet

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

HTML 5 Cheat Sheet

HTML 5 pocket book

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

HTML 5 pocket book

Modernizr

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

Modernizr

HTML5 and The Future of the Web – Smashing Magazine

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

HTML5 and The Future of the Web - Smashing Magazine

Coding A HTML 5 Layout From Scratch

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

Coding A HTML 5 Layout From Scratch

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

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

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

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

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

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

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

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

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

関連記事

6件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です