背景・レイアウト
Lisence:
MITライセンス
Tag:
jQueryスライダー画像
Lisence:
MITライセンス
Tag:
アニメーションタイル状レイアウト
ラインやサークルや八角形や波線などのさまざまなパターンのテクスチャを、画像を使用せずに、SVGで描けるスクリプトです。
Lisence:
MITライセンス
Tag:
地図画像背景
Lisence:
MITライセンス
Tag:
アニメーションオーバーレイレイアウト
Lisence:
MITライセンス
Tag:
スクロール
Lisence:
GPLライセンス
Tag:
スクロールレスポンシブ
サイドバーと言っても、上下左右にレイアウトできます。
Lisence:
MITライセンス
Tag:
スライドイン
Lisence:
MITライセンス
Tag:
グラデーションパターン
Lisence:
MITライセンス
Tag:
タイムラインレスポンシブ時間軸
Lisence:
MITライセンス
Tag:
アニメーション
Lisence:
MITライセンス
Tag:
エフェクトレイアウト
Lisence:
GPLライセンスMITライセンス
Tag:
アニメーションエフェクトフィルター
Lisence:
MITライセンス
Tag:
エフェクトレイアウトレスポンシブ
Lisence:
GPLライセンス
Tag:
アニメーションレイアウト
Lisence:
MITライセンス
Tag:
アニメーション幾何学状
Lisence:
MITライセンス
Tag:
アニメーションエフェクト
画像の色に近い背景色を自動的に設定します。
Lisence:
MITライセンス
Tag:
IE8以下でもCSS3のbackground-sizeプロパティが利用できるようになります。
Lisence:
MITライセンス
Tag:
フルスクリーン
Lisence:
WTFPL
Tag:
レイアウト
フルスクリーンだけでなく、指定したサイズにすることも可能な軽量スクリプト。
Lisence:
MITライセンス
Tag:
フルスクリーン動画
Lisence:
MITライセンス
Tag:
スクロールタッチデバイス
Lisence:
MITライセンス
Tag:
スクロール
デバイスの傾きやマウスの位置でパララックスなアニメーション表示をします。HTML5のCanvasをサポートするすべてのブラウザで動作します。
Lisence:
MITライセンス
Tag:
パララックス
Lisence:
MITライセンス
Tag:
スクロール
画像、テキスト、テーブル、YouTubeやGoogleMapsなどのiframeにも対応。
Lisence:
MITライセンス
Tag:
レスポンシブ
スクロールに合わせて複数のヘッダーデザインを切り替えることができるjQueryプラグイン。
Lisence:
MITライセンス
Tag:
スクロール位置固定
スマートフォンなどのデバイスの傾きに反応するパララックス効果を実装できるjQueryプラグイン。傾きなどの動きが利用できない場合は代わりにカーソルの位置が利用される。
Lisence:
MITライセンス
Tag:
パララックス
スクロールでdiv要素ごとにスライドのようなページ送りができるjQueryプラグイン
Lisence:
MITライセンス
Tag:
スクロールレイアウト
YoutubeやVimeoの動画を背景に表示できるjQueryプラグインです。
Lisence:
MITライセンス
Tag:
YouTube動画
雲の形は画像を差し替えることで変更可能です。オプションで雲の数や動かすか等を指定することができます。
Lisence:
MITライセンス
Tag:
アニメーション
スマートフォンでは代替静止画像が表示されます。
Lisence:
MITライセンス
Tag:
フルスクリーン動画
背景をすりガラスで透かして見たようなエフェクトをかけられます。
Lisence:
MITライセンス
Tag:
エフェクト
ボックスをタイル状に並べるjQueryプラグイン
Lisence:
BSDライセンス
Tag:
レイアウト
縦長のページの途中に横スクロールする水平コンテンツを配置するjQueryプラグイン。キーボードの矢印キーで操作可能。ナビゲーションがあるので今ページのどこを見ているのかわかりやすい。
Lisence:
MITライセンス
Tag:
スクロールレイアウト
Lisence:
MITライセンス
Tag:
アニメーションスクロール
TwitterやFacebookのような無限スクロールのページが作成できるjQueryプラグイン。
Lisence:
MITライセンス
Tag:
スクロール
スクロールすると、各要素がさまざまな方向・アニメーションで表示されます。デモサイトのように、時間の経過を分かりやすく表示するタイムラインのような表現ができます。
Lisence:
MITライセンス
Tag:
スクロール
指定したdiv要素などの要素までスクロールすると、設定したスタイルが適用されます。jQuery1.7.0以上を使用します。
Lisence:
MITライセンス
Tag:
スクロール
スクロールすると画像が立体的に表示することができます。1ページサイトに少し動きをつけたいときに使いたいですね。
Lisence:
GPLライセンス
Tag:
アニメーションスクロール
スクロール系で使用したいエフェクトは一通り揃っているプラグインです。レスポンシブ対応もしています。
Lisence:
GPLライセンスMITライセンス
Tag:
アニメーションスクロール
画面いっぱいに背景画像を表示するjQueryプラグイン。背景をスライドショーにすることもできます。
Lisence:
GPLライセンスMITライセンス
Tag:
スライダーフルスクリーン
画面いっぱいに背景画像を表示するjQueryプラグイン。コンテンツに合わせてスクロールするか固定にするかを指定できます。
Lisence:
GPLライセンスMITライセンス
Tag:
フルスクリーン
高さを揃えたい要素にclassを設定します。HTML5のdata属性を使って高さを揃えたいパネルをグループ化します。レスポンシブにも対応しています。
Lisence:
MITライセンス
Tag:
レイアウトレスポンシブ高さを揃える
「jQuery Gridly」はオブジェクトをグリッド上に並べ、ドラッグ&ドロップによるソート、削除機能のUIを提供するjQueryプラグインです。
Lisence:
MITライセンス
Tag:
レイアウト
スクロールすると画像とテキストを交互にパララックス効果で表示します。
Lisence:
MITライセンス
Tag:
パララックス
「デモサイト」ボタンのリンク先は基本動作のデモページです。それぞれの動きのデモページは「ダウンロードページ」の【Example Usage】よりご確認ください。
Lisence:
MITライセンス
Tag:
スクロール
data-scrollrevealでアニメーションを制御します。JavaScriptやスタイルシートに記述するのではなく、data-scrollrevelにルールに沿った文字列を記述します。
Lisence:
MITライセンス
Tag:
アニメーションスクロール
ドラッグ&ドロップで配列しているボックス要素を自動配置してくれます。
Lisence:
MITライセンス
Tag:
レイアウト
HTMLに一行の記述(idなどを付与するだけ)で設置することができる軽量のスクリプトです。移動範囲を指定したり、複数の要素を対応させることもできます。
Lisence:
WTFPL
Tag:
位置固定
YouTubeの動画をホームページの背景でフルスクリーンで流すことができます。
Lisence:
MITライセンス
Tag:
YouTubeフルスクリーン動画