つい先日AdobeがHTML5でのビデオ再生ウィジェットを発表したりして、にわかに騒がしくなってきてるHTML5でのビデオ再生に関して、ちょうどホットな記事がnettutsで出てました。HTML5でのビデオ再生についてあなたが知っておくべき事、という内容の記事。コードの書き方から細かいカスタマイズ方法などが記述されてます。またレガシーブラウザでのFlash対応や、インターフェース部分のカスタマイズ方法なども紹介されていて、なかなか実用的な内容です。
これ素晴らしい。イラレで作ったAiファイルをHTML5のCanvasコードに変換してくれるプラグイン。イラレに対するプラグインファイルとなります。Canvasタグを使えばコード記述だけでブラウザ上にシェイプを描画できるけど、コード見た感じじゃ（実際に書いた事ないけど）結構メンドくさそう。イラレ使い慣れた人なら、サクっと書いてこのプラグイン使って変換するのがラクチンっぽいです。iOS向けのサイトなどでその内使う機会がありそう。ダウンロードしとこ。
デザイナーのためのHTML5に関するチュートリアル記事まとめ。HTML5って、CSS3と比べるとわりとドラスティックな変化なので「CSS3はぼちぼち使ってるけどHTML5はまだ手つけてないYO！」という人多いと思います。ここで紹介されてるチュートリアル記事はそんな人にオススメ。自分もまだ実際にHTML5でサイト立てたとか、そういう経験がないんで、このへん読んで勉強だけはしておこうと思っております。
任意のサイトに対して、HTML5の規格で使われる104の要素がどれだけ使われているかを調べる事のできるサイト。入力欄にサイトURLを入力してInspectボタンを押すだけでオッケー。元素記号表に模した要素一覧の明暗によって、サイト内でタグがどれだけ使われているかが分かります。メディア系は下の方にやや隔離されて表示されます。各タグの上にマウスを持って行くと、実際に何個使われているかも分かるので、div病などの調査にもイイですねこれ。
HTML5 + CSS3で記述された、汎用的なウェブテンプレートを配布しているサイト。このサイトそのものも同テンプレートで制作されていると思うんだけど、よく見ると鬼のテキストサイトだったりします。画像ほとんど使われていません。いやーアツいですなこういうの。またページ下部の“Influential Projects & Articles”を見ると、Reset.cssやjsなど、他のプロジェクトから多くのリソースを流用している事が分かります。HTML5で制作を始める際のベースとして良さそうです。
マルチタッチデバイスを持つモバイル端末向けのフレームワーク。いわゆるウェブテンプレートですね。通常のマウスオペレーションを前提としたサイトUIに加え、タッチオペレーションをJSで補完するという趣旨のようです。またモバイル環境ではWebkitベースの閲覧環境が多いため、HTML5やCSS3なども気兼ねなく導入できる点が魅力。iPadの登場でこの手の端末は、モバイルフォンという限定されたカテゴリだけのものではなくなってきました。今後ユーザーのサイト閲覧環境というのは、多様化の方向に大きくシフトしていくような気がします。
HTML5やCSS3に関する便利ツールをまとめた記事。主にジェネレーター関係のウェブアプリが多い印象。チートシート、ボタンメーカー、ブラウザテスト、角丸ジェネレーター、グラデーション生成、Font-Faceジェネレーターなどが紹介されてます。HTML5 + CSS3がいよいよ実用的になりつつある昨今ですが、グラデーションとか結構メンドくさいんですよね、記述が。そんな時にこの手のサイトを利用すると、色々とサクっとできそうです。
HTML5とCSS3でコーディングされたウェブテンプレートのまとめ記事。時期が時期だけに最近この手の記事よく見かけます。iPadが発売されて売れまくってる事と無関係とは思えませんね。脱Flash、親HTML5という流れは、制作者としてとても歓迎すべき事だと思っております。あとジョブズ先生のインタビュー記事、なかなか興味深いです。これ動画で見たいなぁ。
10+ Free HTML5-CSS3 Website Templates (To Start Designing For Tomorrow)
