mo.jsを使って、いいね！アイコンをクールにアニメーションさせる...
。いいね、以外のアイコンも様々にアニメーションする様が実装されてい...(続きを読む)

線のアニメーションをサイトに取り入れてオシャレにするデモ＆サ...
サイトを開いた後に線でアニメーションを付けて、サイトの印象をオシャ...(続きを読む)

水彩絵の具が染み込んでいくようなアニメーションエフェクト実装...
Flashを使わずに絵の具が滲んでいくような高度なアニメーションが実装で...(続きを読む)

パスワードの安全性を判定してくれるJS「hsimp」
解読にどれぐらい時間がかかるか？ということで安全性を表示することも...(続きを読む)

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

ドラッグ＆ドロップでBootstrapベースのformが作れる「jQuery formBuilder...
要素をドラッグ＆ドロップで配置して、自由にフォームを生成することが...(続きを読む)

WEB上でインタラクティブなショッピングモールの3D地図を実現
建物の外観そのままに立体的に表示し、フロアをクリックすれば拡大され...(続きを読む)

Google Gravityみたいな物も再現できる物理エンジン「PhysicsJS」
サイトのUIが重力で下に落ちるというような物をはじめとしたデモも公開...(続きを読む)

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

言語切り替え用のドロップダウンUIを簡単実装できる「Polyglot」
次のように国旗付きの分かりやすい言語切替UIが簡単実装できます。汎用...(続きを読む)

指定ブロック内に雪を降らせられるjQueryプラグイン「WebSnowjq.js」
まだ気は速いような気もしますが、ブロック内に雪を降らせられるjQueryプ...(続きを読む)

モダンなUIでかっこいいサイトが作れるDB不要のCMS「Grav」
設置が簡単で高速動作。markdownでコンテンツを作成可能で git,svn, dropbox 等...(続きを読む)

input[type=file]をいい感じにスタイリングするチュートリアル
input[type=file]をいい感じにスタイリングするチュートリアル次のようなフラ...(続きを読む)

次世代のCSSホバーエフェクト全部のせ「iHover」
とにかくカッコイイホバーエフェクトが満タンで、カッコいいインタラク...(続きを読む)

要素にclassを指定できるだけでcss3アニメーションさせられる「ALL AN...
。とにかく豊富なアニメーションパターンが収録されていますが、気持ち...(続きを読む)

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

HTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The ...
覚えることが多くて非常に大変ですが、チートシートでサクッと把握でき...(続きを読む)

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

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

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