はじめに
こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。
さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。
10 Excellent HTML5 coding Tools Many Users Don’t Know About
HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。ここで10個のすばらしいツールをご紹介します。これらのツールを使えばHTML5コーディングを簡潔に、そして内容を充実させられるでしょう。
Initializr
HTML5ベースのウェブサイトをまさに今作り始めようとしているなら、Initializrへ行ってみましょう。Boilerplateをベースとした、整っていてカスタマイズ可能なテンプレートを生成してくれます。必要なものはすべてテンプレートの中にあるでしょう。
HTML5demos
HTML5demosは、どのプロパティがあるブラウザでどういう風に表示されるか知りたいとき、例えば、HTML5 canvasがFirefoxでサポートされてるかとか、SafariがHTML5のシンプルなチャットクライアントを実行できるかとかを知りたいときにとても役に立ちます。
HTML5 visual cheat sheet
Switch To HTML5
とても簡素で基本的ですが、とても効果的なテンプレートジェネレータです。HTML5ベースのウェブサイトを作ろうとしているなら、是非このサイトに行ってタダでHTML5ウェブサイトのテンプレートを手に入れましょう！
Cross browser HTML5 forms
ウェブサイトにおいてフォームはとても重要な役割を果たします。HTML5はカレンダー、色見本、スライダー、クライアントサイド検証、などの機能を特色としていますが、残念なことにほとんどのブラウザがすべての機能をサポートしているわけではありません。これは大問題です。いや、ここでは「だった」と言うべきでしょうか。なぜならCross browser HTML5 formsによって、どうすればHTML5フォームをクロスブラウザ対応させるか知ることができるからです。
HTML5 Test
あなたが今使っているブラウザはHTML5をサポートしていますか？HTML5 Testでそれを知ることができます。このウェブサイトはあなたのブラウザがビデオ、オーディオ、canvasなどへの完全な対応表を表示してくれます。
HTML5 Canvas cheat sheet
canvasはHTML5において重要な部分です。その理由はスクリーンに絵を描くことが出来るようになるからです。canvasを使って出来ることがたくさんありますし、ヘルプが必要なときはすぐにこのチートシートをみれば万事解決です！
Lime JS
これはHTML5のゲームフレームワークです。これを使うことで、すべてのタッチスクリーンやデスクトップブラウザ向けに速くてネイティブな感覚で操作出来るゲームを作ることができます。とても素晴らしいので一度試してみてください。
