紙がペラペラめくれる感じの3Dドロップダウンメニュー「Makisu」
。Safari等のブラウザで見て頂きたいのですが、メニューが重力でペラッペ...(続きを読む)

CSS3の3D Transformで3Dのホバーエフェクト実装例
。マウスオーバーで驚きの立体表現ができるデモが公開されています。こ...(続きを読む)

立体的にブロック要素を別画面に切り替える超カッコいいデモ
。Safariのみ対応のようですが、超カッコよくて何度も切り替えてしまうこ...(続きを読む)

使えない(?)CSS3ジェネレーター「Useless CSS3 Generator」
使えない(?)CSS3ジェネレーター「Useless CSS3 Generator」Uselessということで使え...(続きを読む)

CSSな吹き出しを作れるWEBツール「cssarrowplease」
WEB上からちょくっとパラメータをいじればCSSが即座に反映されてすぐに利...(続きを読む)

たった１つのdivで表現されるアイコンデータベース「One div」
マークアップ上は<div></div>なのですが、次のようにCSSを使ってア...(続きを読む)

ブラウザ上でZenCodingできるEmmetのサイト「Emmet.io」
。知らない間にZenCodingはEmmetになるようですね。サイト上ではブラウザ上...(続きを読む)

HTML5のゲームエンジン「Quintus」
。HTML5でゲームを作る際に１つの選択肢として覚えておいてもよさそうな...(続きを読む)

HTML5のブラウザ対応状況がサクッと分かる「HTML5 Please」
HTML5の学習や利用時に便利に使えそうです条件指定でJavaScriptによってサク...(続きを読む)

HTML5でWebcamの内容にエフェクトを付けて撮影できる「Photobooth.js」
MacのPhotoBoothのようにリアルタイムエフェクトがかけられ、その場で撮影が...(続きを読む)

JavaScriptからPhotoshopファイルの情報をパースできる「psd.js」
ブラウザやnode.jsで使えるっぽいです画像サイズ、カラーモード、レイヤー...(続きを読む)

ブラウザ上でRubyプログラムをJavaScriptに変換して実行できる「Opal」
Opalを使えば、ブラウザ上での処理をJavaScriptで書けます。Opal-query なる、jQu...(続きを読む)

PHPでInstagram風に画像フィルタをかけられるクラスライブラリ
が公開されています。内部的にはImageMagickを使ってフィルタをかけている...(続きを読む)

Windows8風のTwitterBootstrapをベースとしたテーマ「BootMetro」
。今後Windows8が出た際にはOSのユーザインタフェースと違和感ない感じでWEB...(続きを読む)

CodeIgniter開発での管理画面作成を楽にする「grocery CRUD」
WEBアプリを作る場合は管理画面を作ることが多いですが、データベースをC...(続きを読む)

GoogleAnalyticsの結果をjQueryMobileでモバイル端末で表示するサンプル
iPhoneだとFlashが見れないので、Analyticsにアクセスしてもグラフが見えませ...(続きを読む)

通常のtextareaを絵文字入力可能にできる「jquery-emojiarea」
。次のように、絵文字をテキストで表示するのではなくて、そのまま絵文...(続きを読む)

スクロールすると巻物風にコンテンツが回転するUIを作れる「FoldScr...
。コンテンツをスクロールすると、コンテンツ領域が３Dに立体的に巻き取...(続きを読む)

テキストをブロックの中にフィットするように自動リサイズできる...
。通常、ボックスの中にテキストを入れても、テキストの長さなんかがま...(続きを読む)

折りたたみ可能なタイムラインのUIを実装できるjQueryプラグイン「T...
Facebookのタイムラインみたいな感じで、歴史系のコンテンツを載せるのに...(続きを読む)