Filed under: HTML5

Video.js - HTML5ビデオ用 高機能JSライブラリ

Video.js 主流になってきているHTML5ビデオのプレーヤーを実装するためのJSライブラリ。 デフォルトのスキンで充分クールですが、独自のものに差し替えることも可能。HTML5ビデオ関連のブラウザ間のバグ吸収、サポートしていない場合にはFlash等への自動変換など、かなり至れり尽くせり。コードはCDNにホスティングされているのでダウンロードも不要と、かなり本格的にデファクトを目指したライブラリです。 使うときは、最有力候補かな。と、メモ。

read more →

画像をHTML5文書データに変換する TEXTIFY は、思ったよりクオリティが高い

via hakim.se Bookmarkletの関係で直リンク貼れなかったので、ダイレクトにデモを見たい人はこちらから。 ページに好きな画像をD&Dすると、コンバートが開始されます。これが、最初にちょっと予想していたAA的なものではなくHTML5を駆使したハイクオリティなもの。軽く驚きました。 コンバートされた画像は、コードを持っていくことでどこにでも貼り付け可能。ただ、非常に巨大なテキストになっているんで、元画像に比べて軽くなるのを期待すると...

read more →

複数ユーザがリアルタイムにヒートマップを共有できるライブラリ...熱い!

via letmein.at これは是非、デモを見ていただきたい。 運よく他の誰かがこのデモを触っていれば、更に面白いはず。 HTML5 Canvas + JavaScriptなんで、例によって「マトモな」ブラウザでしか動作しませんが。iPhone/iPadでも動くそうですので、そちらで見ている人も是非。 ヒートマップをこんなに軽快に、しかも他の人間の動きまでシェアするとは、久々に熱くなるライブラリです。 なんか、すっげー使い道がありそうなのに、思いつかない^^; とりあえず自社サービスでリアルタイム解析とかやってるところは、どうでしょ。...

read more →

HTML5+CSS3+jQuery+その他諸々で最先端Webを簡単に作れる "HTML5 Boilerplate" の紹介動画

via youtube.com タイトルも長くなってしまいましたが、動画も1時間超。 しかし、これは素晴らしい。 手元にある諸々のサイト、これで作り直したくなりますね。 テンプレートとして使うも良し、必要に応じてコードを覗き見して流用するも良し。

read more →

NYCの地下鉄が奏でる優しい音: HTML5で作られたメトロマップ

via vimeo.com 実際の地下鉄路線図と運行表で、電車の動きを表現しています。 これがHTML5+JavaScriptだけで書かれていることも驚きですが、面白いのは路線がクロスした際に音が奏でられるギミック。ニューヨークの地下鉄というと危険でギスギスしたイメージもありますが、なんだか優しい乗り物になった気がしてきます。 動画ではなく実際に動くものは こちら から。マトモなブラウザで、ぜひ音を出せる環境でご覧下さい。

read more →

Google Maps API と HTML5 Canvas を組み合わせてフラクタルを描く Julia Map

via googlegeodevelopers.blogspot.com 自分のマシンではサクサクとは動きませんが、なかなか面白い。 Google Maps APIの空間移動/ズームの機能を地図以外に活用する可能性と、HTML5+Canvasで動的にイメージをレンダリングすることによる可能性の両方が見られるデモになってるかなと。

read more →