360度のパノラマビデオを再生できる動画プレイヤー「Valiant360」
JSとWebGLを使ってパノラマの動画を再生できます。マウスの位置に応じてカ...(続きを読む)

3Dカルーセルが実装できる「Carousel-3d」
。次のように平面ではなく立体的に画像を回転させるスクリプトです。IE8,...(続きを読む)

JavaScriptでImmutableな変数を実現できる「Immutable.js」
。List, Stack, Map, OrderedMap, Set, OrderedSet などの様々なデ...(続きを読む)

画像を分析してグラデーション化してくれる「Gradify」
画像をグラデーション化し、マウスオーバーレイで画像をフェードインす...(続きを読む)

クレジットカード入力専用フォームを実装できる「payform」
。次のようなデザインのフォームを実装出来る他、JSでの簡単なバリデー...(続きを読む)

JSでActionScript3ライクにピュアCSS3な高速アニメーションを生成でき...
CSS3なのでモバイル端末でも高速に動作。豊富なサンプルからできる事が把...(続きを読む)

CSSで14種のローディングアニメーションが実現できる「waitMe」
。次のようにフォーム送信時等にアニメーションを14種の中から選んで実...(続きを読む)

スマホでも動作するJS製の2D物理エンジン「Matter.js」
。デモではパラメータ等も調整して動きをカスタマイズできて面白い。手...(続きを読む)

スクロールに応じて奥行きのある3Dアニメーション表現ができる「S...
スクロールに応じてアニメーションさせるサイトは大手サイトでも使われ...(続きを読む)

HTML5ベースのテトリスをサイトに埋め込める「Blockrain.js」
カラーやスピード調整が可能なほか、レスポンシブデザインにも対応。関...(続きを読む)

サイトのAjax化が簡単になるフレームワーク「intercooler.js」
<a ic-post-to="/endpoint">click</a>　のように属性を指定すればAjax...(続きを読む)

WEBサイトへのショートカットキー機能とそのヘルプ実装が一括で可...
単にショートカットキーに対応する処理の記述を簡略化するだけでなく次...(続きを読む)

iOSのScrollView風スクローラをWEB上で実現「ftscroller」
。モバイル、PC上で動作します。PC上で触ってもiOS時の操作のようなスクロ...(続きを読む)

Youtube動画のサムネイルをアニメーションさせられる「PreViewTube.js」
複数のイメージをアニメーションさせて、動画を実際に見る前によりイメ...(続きを読む)

複数の要素をなめらかに動かすアニメーションライブラリ「snabbt.js...
複数の要素を魚群のように規則正しく動かすことで面白い効果を作ること...(続きを読む)

CSSアニメーションの終了をJSで検知してコールバックを実行できるJ...
CSSアニメーションの終了と共にJSを発火できるので便利そうです。関連エ...(続きを読む)

PDF、ODTのドキュメントをSlideshare風にサイト内に埋め込める「ViewerJS...
。次のようなビューアをサイト内に埋め込めます。SlideShare等を使いたくな...(続きを読む)

JavaScriptで画像に多数のエフェクトをかけられるライブラリ「glfx.js...
画像加工にはPhotoshopのフィルタを使わずともブラウザ上で多彩なことが出...(続きを読む)

HTML＆JSで円形のローダー実装「CircularLoader.js」
シンプルなデザインでフラットなデザインにもよく合いそうです。画像レ...(続きを読む)

selectタグの機能を大幅に向上させる「selectivity」
。機能だけでなくデザインもモダンにしてくれます文字でフィルター可能...(続きを読む)