アプリ風に動くHTML5サイト作成の一例
。ムービーを見ていみるとiPad上でかなりスムーズに動いているように見え...(続きを読む)

HTML5で超リアルなページめくり効果を実装するチュートリアルとサ...
。canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chro...(続きを読む)

HTML5で色々作るチュートリアル＆チートシート
ギャラリーやcanvas、スライドショー、コンタクトフォーム等色々なものを...(続きを読む)

HTML5を使ったファイルアップロード用プログラム集
プログレスバー付きや、デスクトップ等からのドラッグ＆ドロップ対応等...(続きを読む)

HTML5でプログレスバー付きファイルアップロードを実現する例
これまでの仕組みとは違う、HTML5のProgress Eventsを使って実装しています。...(続きを読む)

ビデオのここが面白い！を共有できるライブラリ「HTML5 Video Voting」
。名前の通り、動画表示にはHTML5を使います。面白い！と思うところでス...(続きを読む)

HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられ...
例えば、ビデオ映像の位置を別のブロック要素でGoogle地図で表せたり、ビ...(続きを読む)

HTML5な動画プレイヤー色々2011
。様々なHTML5動画プレイヤーがリリースされていますが、現時点での検討...(続きを読む)

フリーのオープンソースなHTML5動画プレイヤーいろいろ
がまとまっていました。すでに紹介したものもあるかもしれませんが、し...(続きを読む)

HTML5の動画再生ライブラリを選ぶ際に使えそうな比較チャート
が公開されています。基本となるライブラリ、Flashフォールバックがある...(続きを読む)

サーバ送信不要なHTML5による画像切り取りツール作成ツール
HTML5とcanvasを使って画像の中の指定部分を切り取って画像化するという処...(続きを読む)

JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」
サーバサイドでブラウザを動かしてスクリーンショットを取るというより...(続きを読む)

PHPで画像からHTMLのカラーパレットを作るサンプルプログラム
がcode dieselにて公開されています。画像を渡せば、GDを使って使われている...(続きを読む)

ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」
空白のキャンバスにボタンをポチポチ押していってドラッグ＆ドロップす...(続きを読む)

W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツー...
W3C Validator の結果を一括で得られ、サイトマップのXMLも生成してくれる便...(続きを読む)

HTML5のCanvasによって画像加工が出来る「CamanJS」
。画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を...(続きを読む)

HTML5のキャンバスと連動させて音声をビジュアライズしたデモ
Windows Media Player とかを使ってるとよくあるあの動くやつをHTML5のCanvasを使...(続きを読む)

jQueryとHTML5でジオロケーションするデモ
とサンプルがダウンロード可能になっています。特にスマートフォン向け...(続きを読む)

HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQuer...
。デスクトップからブラウザにドラッグ＆ドロップできたら、初心者の人...(続きを読む)

h1〜h6で作った文書の階層を元にメニューを自動生成してくれるjQuer...
HTMLでH1〜H6で綺麗に階層的に文書を記述しておくと次のようなページメニ...(続きを読む)