デザイナーのための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

デザインblogランキング

コメント 9 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



9 Responses to “デザイナーのためのHTML5リソースまとめ”

  1. links for 2009-11-10 « snowydaycat Says:

    […] デザイナーのためのHTML5リソースまとめ | DesignWalker (tags: internet html5) […]

  2. デザイナーのためのHTML5リソースまとめ | DesignWalker | 次なるもの Says:

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

  3. links for 2009-11-10 « 個人的な雑記 Says:

    […] デザイナーのためのHTML5リソースまとめ | DesignWalker (tags: webdesign html5 list まとめ) […]

  4. デザインのフチ » Blog Archive » デザイナーのためのHTML5 Says:

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

  5. デザイナーのためのHTML5リソースまとめ at exちゃん second (wp) Says:

    […] デザイナーのためのHTML5リソースまとめ | DesignWalker http://www.designwalker.com/2009/11/html5.html […]

  6. 今週の管理人Bookmark (11/8-11/15) - ElectricBrain Standard Says:

    […] デザイナーのためのHTML5リソースまとめ | DesignWalker […]

  7. note » HTML5に関する参考サイト |note Says:

    […] http://www.designwalker.com/2009/11/html5.html […]

  8. 角丸新時代 | Choco Bis Days Says:

    […] くわくしちゃうようなリソースがいっぱい公開されていますね! デザイナーのためのHTML5リソースまとめ […]

  9. HTML5 « Chocots(チョコッツ) | 気になるネタをChotだけ。 Says:

    […] ▼デザイナーのためのHTML5リソースまとめ http://www.designwalker.com/2009/11/html5. […]

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ