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」
。機能だけでなくデザインもモダンにしてくれます文字でフィルター可能...(続きを読む)

ブラウザ内で50万件のテーブルもサクサクで表示できるようにする...
ブラウザ内のDOMに５０万件を読むといくら高速なブラウザでもハングした...(続きを読む)

テーブルをGoogle Chartsを使って多様なグラフに変換することが出来...
。棒グラフ、円グラフ、ジオチャート等様々な形式に変換することが出来...(続きを読む)

ユーザ入力をリアルタイムでバックアップしてフォーム内容を保持...
リロードやページ移動をしてもセッション中は入力内容を保持できるよう...(続きを読む)

ルーレット型のUIを実現できるjQueryプラグイン「rouletteWheel」
クリックするとルーレットが回転し、止まるというアナログ風UIを実現出...(続きを読む)

JSでデータのビジュアリゼーション機能が豊富に詰まった「Pt.js」
マウスに応じてインタラクティブに動くような描画が可能です。アートっ...(続きを読む)

様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」
デモページでは９種類のビジュアリゼーション方法について紹介されてお...(続きを読む)