Sat, December 3, 2016

HTML5コーディングに役立つ優れたツール10選
10 Excellent HTML5 coding Tools Many Users Don’t Know About

■Initializr

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

Initializr

■HTML5Demos and Examples

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

HTML5Demos and Examples

■HTML5 Tracker

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

HTML5 Tracker

■HTML5 visual cheat sheet

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

HTML5 visual cheat sheet

■Switch To HTML5

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

Switch To HTML5

■Cross browser HTML5 forms

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

Cross browser HTML5 forms

■HTML5 Test

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

HTML5 Test

■HTML5 Canvas cheat sheet

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

HTML5 Canvas cheat sheet

■Lime JS

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

Lime JS

■HTML5 Reset

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

HTML5 Reset

 

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

この記事を共有 :

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Leave a Reply

Spam Protection by WP-SpamFree