HTML5記事まとめ

◆HTML5とは

HTML5, きちんと。

View more presentations from Masataka Yakura.

※HTML5 基礎知識[web探検隊]

簡潔にまとめられてHTML5初心者にオススメ記事。

◆マークアップタグ

※Designing a blog with html5[HTML5 Doctor]

※HTML5 and The Future of the Web[Smashing Magazine]

navタグ、aectionタグ、articleタグ、asideタグ、headerタグ、footerタグ。

※HTML5ことはじめ[Another Step.com]

終了タグ</li>が要らない。

※HTML5でWebページをマークアップするための基礎知識[＠IT]

◆テンプレート

※HTML5についてのおさらい[W3G]

※【HTML5】新規でサイトを作るのに使えそうなの一式

※最近知ったフリーのHTML5テンプレート6個[かちびと]

◆チートシート

※HTML5 Canvas Cheat Sheet

※HTML 5 Cheat Sheet[Smashing Magazine]

※HTML5, CSS3, jQuery1.4, WordPress3の厳選チートシート集[コリス]

◆HTML5文法チェック

※Markup Validation Service[W3C]

※(X)HTML5 Validator[Validator.nu]

◆仕様

※どこまでがHTML5なの？[Publickey]

◆FlashとVideoタグの違い

※HTML5とFlashの機能比較[ClockMaker]

◆情報源

・HTML5を学ぶための情報源まとめ[WWW WATCH]
オフィシャル、仕様書、Twitterアカウント、サンプル、Canvasなど。

・デザイナーのためのHTML5リソースまとめ[DesignWalker]
スクリーンショット付きで紹介されている。

・Web開発者向けHTML5チュートリアル、テクニック、サンプル記事30個（英語）
スクリーンショット付きで紹介されている。

・HTML5.JP
羽田野太巳さんのHTML5情報サイト。

・HTML5[Mozzila]
firefox開発元。Canvasチュートリアルとかある。

◆その他

・明日から語れるHTML5＆CSS3[＠IT]
3ページ目に<canvas><video><audio>タグの解説。

・HTML5を今すぐ使うためのコツや情報をまとめてみました[EC studio]
DOCTYPEをHTML5としての宣言にするだけで、新要素を使わないのも1選択肢。

・HTML5では何ができるのか、各ブラウザの対応はどうなっているのか、が一目でわかる -What is HTML5?[コリス]
IE9でHTML5にほぼ対応しそう。

・HTML5の機能を知るための15のデモンストレーション[マイコミ]
Flash代替えだね。

・iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた[かちびと]
Senchaの日本語サイトもある。

[追記]2010年10月11日
・HTML5+CSS3 入門[yoppa org]

[追記]2010年10月25日
・W3C - 『HTML 5 differences from HTML 4』日本語訳[HTML5.JP]

[追記]2010年12月4日
・HTML4から変化したHTML5のマークアップ ここが違う！サンプルで見るHTML5[CodeZine]
分かりやすい。

[追記]2010年12月14日
・HTML5でコーディングしたページでjQueryを使うときに気をつけること[5509]

[追記]2010年12月19日
・前から気になってたHTML5について色々調べてみました[まともか日記]

[追記]2010年12月25日
・今年ありがとうを言いたい「html5の本」5+1選[カヤック]

[追記]2011年1月4日
・HTML5で進化したフォーム機能[CodeZine]

[追記]2011年1月23日
・日本語で学べるHTML5関連資料15個まとめ[20歳街道]

[追記]2011年2月4日
・結局どうすればいいの？ - Dive Into HTML5
・HTML5テンプレートファイル -Easy HTML5 Template[コリス]

[追記]2011年2月15日
・HTML5の勉強に役立つチートシートやリファレンスのまとめ[コリス]

　

ようやく俺のHTML5フォルダが火をふいたぜ！