HTML5の雛形、jQuery等のスクリプト、CSSのリセット、サーバ設定などを自分用にカスタマイズしてパッケージ化し、ダウンロード出来るツールです。
使い方もとても簡単です。ウィザード形式で進んで行き「Download」で完了。

■HTML5Demos and Examples

HTML5のデモとブラウザのサポート状況がリスト化されています。
特定のブラウザで使用できるプロパティを調べたいときや、そのプロパティのデモを確認したいときなどに役立ちます。
フィルタリング機能もよいですね。

■HTML5 Tracker

HTML5に追加された要素の最新のリビジョンを確認することが出来ます。

■HTML5 visual cheat sheet

名前が示すように、高速で簡単に属性を検索できるチートシートです。
HTML5で新しくなった要素はピンク、サポート廃止になった要素はグレーになっています。

■Switch To HTML5

HTML5ベースのウェブサイトの雛形を作成してくれる非常にシンプルで効率的なテンプレートジェネレータです。
スタイルシートの名前やjQueryの有無、文書タイトルなどをオプションで指定可能です。

■Cross browser HTML5 forms

フォームは、ウェブサイトに非常に重要な部分です。
HTML5は、カレンダー、色見本、スライドウィジェット、クライアント側の検証など、様々な優れたツールを提供していますが、各ブラウザごとのサポートが統一されておらず、クロスブラウザで対応するのは容易ではありません。「Cross browser HTML5 forms」はその問題を解決へと導いてくれます。

■HTML5 Test

現在お使いのブラウザはHTML5をサポートしていますか？「HTML5 Test」でそれを知ることができます。
ブラウザがどこまでHTML5に対応しているかを点数化し、ビデオ、オーディオ、キャンバスなどの機能の完全なレポートを提供してくれます。

■HTML5 Canvas cheat sheet

HTML5の新要素「Canvas要素」Cheat Sheetです。

■Lime JS

「Lime JS」はHTML5のゲームのフレームワークです。
すべてのタッチスクリーンとデスクトップブラウザ用の、高速でネイティブな感覚のゲームを作成することが出来ます。

■HTML5 Reset

HTML5+CSS3での制作時に汎用的に利用できる、HTML、CSS、スクリプトなどのファイルを一式にまとめたテンプレートファイルセット。

情報元：10 Excellent HTML5 coding Tools Many Users Don’t Know About

HTML5のポテンシャルもさることながら、発想に脱帽です。

2ndアルバムからシングルカットした「HERE IT GOES AGAIN」という曲のPVは、YouTubeでも話題だったようです。

■HTML 5 Outliner

section、article、aside、nav等のセクショニング要素と、対応するh1～h6等の見出し要素を構造化したかたちで表示してくれます。

Apple iPhoneのページをチェックするとこんな感じです。

Google Chromeのアドオン版「HTML 5 Outliner」もあるようです。
こちら

Google、Twitter、Facebookなどのアカウントでログイン出来るようです。

■HTML5 Coding assessment test

テスト問題作成はカヤック、監修はピクセルグリッド、協力は日本マイクロソフトとグーグルとのことです。
アドバイス、詳細な解説等もあり、HTML5のお勉強にも良さそうですね。

是非お試しを。

■マチのほっとステーション LAWSON｜ローソン

■株式会社コンテンツ

■ソフトバンクグループ2012新卒採用

■無印良品

■EC studio

■Adobe® Dreamweaver® CS5

■NHN Japan Corporation

■スペースシャワーTV

■テレビ朝日

■日本コカ・コーラ

■温泉トラベルデザイン研究所

■定山渓温泉 定山渓観光協会公式サイト

■薩摩川内市観光協会

■STUDIOVOICE

■Ustream.tv: You’re On

■ベビスタ.com

■OLYMPUS PEN

■ユナイテッドアローズ公式サイト

■UNIQLOOKS

■Apple

情報元：HTML5で制作された国内企業サイト20から現状の制作状況を知る!! | HTML5でサイトをつくろう

■HTML5Pattern

自分で作成したバリデーションパターンを投稿して、簡単にテストすることが出来ます。

HTML5で作られているので、閲覧は対応ブラウザで。
ちなみにこの絵本の制作ソースコードも公開されています。
こちら

■ブラウザやウェブについて知っておきたい20のこと

内容はこのような感じです。

• その1 インターネットとは
• その2 クラウド コンピューティング
• その3 ウェブ アプリ
• その4 HTML、JavaScript、CSS…
• その5 HTML5
• その6 ブラウザでの 3D
• その7 ブラウザ叙情詩
• その8 プラグイン
• その9 ブラウザの拡張機能
• その10 ブラウザの同期
• その11 ブラウザの Cookie
• その12 ブラウザとプライバシー
• その13 不正なソフトウェア、フィッシング、セキュリティ リスク
• その14 最新ブラウザでの不正ソフトウェアとフィッシングの防止方法
• その15 ウェブ アドレスをチェックして安全をキープ
• その16 IP アドレスと DNS
• その17 オンラインでの身元確認
• その18 より速いウェブへの進化
• その19 オープンソースとブラウザ
• その20 19のことの次にくるのは…

■設置例

<script type="text/javascript" src="/js/jquery.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="/js/selectivizr.js"></script>
<![endif]-->

対応するセレクタですが、JSライブラリによって違いがあるようです。
下記参照。

■注意点

• CSSは外部ファイルでないと機能しません
• ローカル環境では機能しません。サーバにアップして確認してみてください。

情報元：Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8

使い方はとても簡単です。
url入力 or ファイルアップロード or ソース貼り付けを選択してクリック。

「The document is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).」
と表示されればエラーなし。

■HTML5 Validator Bookmarklet

■スマートフォンサイト集めました。

■iShowcase

■絶対見ておきたい有名企業のスマホサイトまとめ

■iPhone対応サイト | meet i [ミートアイ]

■iPhoneデザインボックス