スクロールインした際のアニメーションを簡単実装「AOS」
html属性にアニメーションタイプを指定するだけで、スクロールインした際...(続きを読む)

タイムライン形式のスライダー実装「Timeline.js」
年号等と同時に画像、テキストを表示することが出来、何らかの歴史等を...(続きを読む)

分かりやすく美しい直感的に使えるタイムラインを実装できる「Tim...
時系列に何がおきたのか、GoogleのSpreadsheetから組み立てて生成できます。...(続きを読む)

背景画像をセグメントに分けて立体的にカッコよく表現するチュー...
映画等では見たことあるかもしれませんがWEB上ではあんまり見たことがな...(続きを読む)

テキストを独特の虹色アニメーションさせられる「Rainbow.js」
１文字づつアニメーションで色を変更していくエフェクト実装JS関連エン...(続きを読む)

メニューが多い場合のMegaメニューのドロップダウン実装「Animated-me...
選択肢が多くても大丈夫なMegaメニューをピュアCSS or JSアニメーションで表...(続きを読む)

ネイティブアプリに近い動作のサイドメニューWeb実装「Slideout.js」
。ネイティブに近い実装をするのはなかなか難しいですが、比較的いい感...(続きを読む)

スクロール位置がヘッダのプログレスバーで分かるようにする「Scr...
。横にスクロールするとモダンな感じでプログレスバーが伸びていき、ど...(続きを読む)

スムーズな色切替アニメーションが実現できる「sweep.js」
文字色を徐々にかえて、あれ？文字色が変わってる？というような不思議...(続きを読む)

タッチ端末でもいい感じに使えるジョグダイアル実装JS「JogDial.js」
。次のようなUIで細かいパラメータの調整等をブラウザ上で行う場合に便...(続きを読む)

強力なCSVパース用JSライブラリ「Papa Parse」
。CSV→JSON、JSON→CSVの変換ができる他、ローカルファイルから比較的...(続きを読む)

ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィル...
。ファイルのアップは複数アップやドラッグ＆ドロップアップ、ウェブカ...(続きを読む)

BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helper...
。国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そう...(続きを読む)

文字や画像にリアルタイムでモザイク処理がかけられるjQueryプラグ...
。$ ('spoiler, .spoiler').spoilerAlert()のように初期化するだけで、画像...(続きを読む)

色んなデータを便利に表示できる「Recline.js」
データをExcel表風にしたり、グラフを描画したり、タイムラインにしてみ...(続きを読む)

シンプルデザインがいい感じのHTML5オーディオプレイヤー「audio.js...
HTML5ですがIE8でも動いたりするようですCSSによるデザイン変更も可能。プ...(続きを読む)

WindowsVista風のLightBox作成JSライブラリ「GlassBox」
。若干表示が重いのですが、なかなかカッコいいUIを実現できます。使い...(続きを読む)

JavaScriptでBackボタンを扱うためのライブラリ集
...(続きを読む)

YUIライブラリで作成されたテトリスゲーム
テトリスって案外簡単なプログラムのようで、７行テトリスというサイト...(続きを読む)

JavaScriptエラーをサーバサイドでトラッキング
This was a crazy test to see if it'd be possible to log errors triggered by JavaScript (on the clien...(続きを読む)