■Initializr
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
この記事を共有 :
Related posts:
- HTML5 Canvas チートシート
- 手軽に使っているブラウザのHTML5対応状況を調べることが出来る 「THE HTML5 TEST」
- HTML5、CSS3のリセット用テンプレートファイルセット「HTML5 Reset」
- HTML5 のリセット用スタイルシート
- HTML5+CSS3+jQueryのテンプレートファイルセット 「HTML5 Boilerplate」
