CSSで様々にアニメーションするハンバーガーアイコン実装「Hamburger...
ハンバーガーメニューをクリックで様々なアニメーションしながら矢印や&...(続きを読む)

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

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

ピュアCSSでシャキシャキ動くローディングアニメーション集「Loader...
スマホサイト等で活用できそうです関連エントリ 流行りのYoutube風ローデ...(続きを読む)

アニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「t...
アニメーションがカッコイイのに加えて、レスポンシブ、アニメーション...(続きを読む)

アニメーションするモダンなモーダルダイアログを汎用的につくれ...
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバー...(続きを読む)

GIFアニメーションに再生ボタンを付けられる「Gifffer」
次のように再生ボタンを付けて、押すとGIFアニメの再生がはじまります。...(続きを読む)

マルチデバイスで利用可能な固定ナビゲーションを実装できる「Sma...
。ページの右下にメニューボタンを表示し、クリックすると開いて使える...(続きを読む)

画像リストをパターンをつけてフェードイン/アウトできるjQueryプ...
...(続きを読む)

ボタンに直接ローディングアニメーションを付けられる「Ladda」
。ボタンを押すとボタンに回転するアニメーションが付与され、そのまま...(続きを読む)

Nexus7のページっぽいカッコいいページ作成チュートリアル「Google Ne...
Nexus7のページで見られるようなカッコいいUIを持つサイト作成チュートリ...(続きを読む)

フラットだけど立体的なCSS3アニメーション付モーダルダイアログ...
。フラットデザインなのに立体的なUIはなかなかクールで、フラットデザ...(続きを読む)

PCサイトでもスマホサイトのようにサイドバーを実装するデモ
画面のサイドにメニューを出すのが一般的になってきましたが、タブレッ...(続きを読む)

チェックボックスやラジオボタンはチェック時にアニメーションし...
。チェック、ラジオをチェックするときは瞬時にチェック状態に変わって...(続きを読む)

CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit...
。CSS3のanimation、transitionアニメーションがありますが、これをjQueryのanimate...(続きを読む)

スマホタッチでくるくる回転させられるjQueryプラグイン「Touchy」。
スマホで移動とかはよくあるのですが、このライブラリを使えば要素をく...(続きを読む)

Facebookアプリ風パネルメニューのCSS実装デモ「cssPanelMenu」
。ページが左にスライドするあのメニューをCSSで実装したデモです。JavaScr...(続きを読む)

ミニマムで場所を取らないCSSメニューの実装例
。次のように、アイコンだけ並んでいて、マウスオーバーするとメニュー...(続きを読む)

多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラ...
。デモページ上部の Filter や Sort、Layout 部分のボタンをクリックすると、...(続きを読む)

Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグ...
。ページの上部にアニメーションされながら表示されるあの通知バーです...(続きを読む)