スクロールでおしゃれに動くバーのデザイン「parallaxColorBars」
画像を色付けするおしゃれなカラーバーを実装できます。パララックス効...(続きを読む)

ナビゲーションにスクロール機能をつけてレスポンシブに「Priority ...
次のようにナビゲーションがどれだけ長くてもスクロールできて安心なナ...(続きを読む)

ブロック要素の背景にYoutube動画を設定できる「videoBackground」
ページ全体でもなく、特定のブロック要素の背景に次のように動画を設定...(続きを読む)

画面を一気に切り替えるかっこいいエフェクト実装「Collapsing Logo Ef...
アプリっぽくなめらかに画面を切り替えられるエフェクト。関連エントリ...(続きを読む)

HTMLタグの属性で自由にカスタマイズできるSVGアイコンセット「Vivid...
次のようなアイコンをHTMLの属性で色を自由にカスタマイズできるアイコン...(続きを読む)

ページ全体を切り替えるかっこいい画面遷移デモ「Full Image Reveal Eff...
画面全体をかっこよく切り替えするサイト実装が出来ます。ポートフォリ...(続きを読む)

パスワード安全性をシンプルに表示する「Bootstrap Strength Meter」
入力と同時にリアルタイムに安全性を表示するシンプルなプラグインです...(続きを読む)

リッチでエディタブルなグリッドを実装できる「TOAST UI Grid」
複雑なテーブルを綺麗に整形しつつ多機能にしたい場合に使えそうです関...(続きを読む)

モダンなデザインでウィザードを作れる「wizzy」
次のようなレスポンシブ対応のウィザードを作れます関連エントリ ステッ...(続きを読む)

マガジン形式のグリッドレイアウトを実現する「stratum.js」
この手のライブラリも珍しいものではなくなりましたが、１つの選択肢と...(続きを読む)

何日から何日迄の入力に便利な「date-ranges-selector」
空席の検索等色々なシーンで使えそう関連エントリ 日付や時間等に対応し...(続きを読む)

レスポンシブに変形する家のアニメーションのデモ「CSS Responsive Hou...
ただ画像を変えるだけではなくスライドの量に応じて家がアニメーション...(続きを読む)

綺麗なデザインのモーダルを何段も重ねて出せる「popbox.js」
モーダルから別のモーダルを開くような形での利用も可能関連エントリ フ...(続きを読む)

要素に属性をつけて簡単なインタラクティブアニメーションをつけ...
アイテムをタップした際などに要素を簡単に動かせます。アニメーション...(続きを読む)

デザインがいい感じのインタラクティブに動くグラフ描画ライブラ...
基本的なものから凝ったものまで様々なグラフを描画できます関連エント...(続きを読む)

テキストを部分的にアニメーションしながら交換できる「jQuery Text ...
関連エントリ 豊富なアニメーションが作れるAnimate.cssをJSで使うための「An...(続きを読む)

リアルなタイプライターアニメーション実装「T-Writer Demo」
カーソルをつけたり、Backspaceで戻ったりという感じでアニメーションさせ...(続きを読む)

背景を物理エンジンベースでアニメーションさせる「Physics-Based Back...
背景にそこまでやらなくても、と思うところ、やってしまうあたりが素敵...(続きを読む)

モダンで美しいデザインのカラーピッカー「Pickr」
最近のデザイントレンドにもうまく溶け込みそうなカラーピッカーが実装...(続きを読む)

WEB上で動くプレゼンテーション作成「Presentr」
PowerPointなしでもブラウザ上でサクサクプレゼンテーション関連エントリ...(続きを読む)