Tag Archives: レイアウト

http://heyadem.github.io/stackgrid/

【stackgrid.adem.js】コンテンツをレンガ状に積み重ねて配置できるスクリプト

Lisence: MITライセンス
Tag: アニメーションタイル状レイアウト
http://vegas.jaysalvat.com/

【vegas】ブラウザや要素いっぱいに背景画像やスライドショーをアニメーションで表示するjQueryプラグイン

Lisence: MITライセンス
Tag: アニメーションオーバーレイレイアウト
http://git.blivesta.com/drawer/

【drawer】アプリなどで見かけるサイドバーが設定できるjQueryプラグイン

Lisence: MITライセンス
Tag: レイアウト位置固定
http://gridster.net/

【gridster】パネルをグリッドに沿って自由にレイアウト配置できるjQurtyプラグイン

Lisence: MITライセンス
Tag: エフェクトレイアウト
nested

【Nested】動的なグリッドレイアウトを作成するjQueryプラグイン

Lisence: MITライセンス
Tag: エフェクトレイアウトレスポンシブ
http://isotope.metafizzy.co/index.html

【Isotope】要素にアニメーションを加えるjQueryプラグイン

Lisence: GPLライセンス
Tag: アニメーションレイアウト
http://webplatform.adobe.com/dropcap.js/

【dropcap.js】1文字目を綺麗に大きくするAdobeのJSライブラリ

Lisence: Apacheライセンス
Tag: レイアウト
http://soulwire.github.io/fit.js/

【Fit.js】画像などの要素を中央にフィットさせるJSライブラリ

Lisence: WTFPL
Tag: レイアウト
http://www.dominikgorecki.com/p/block-scroll/

【Block Scroll】スクロールでスライドのようにページ送りができるjQueryプラグイン

スクロールでdiv要素ごとにスライドのようなページ送りができるjQueryプラグイン

Lisence: MITライセンス
Tag: スクロールレイアウト
http://apex.yconst.com/freetile-demo/freetile.html

【Freetile】ボックスをタイル状に並べるjQueryプラグイン

ボックスをタイル状に並べるjQueryプラグイン

Lisence: BSDライセンス
Tag: レイアウト
http://mknecht.github.io/gridscrolling.js/

【gridscrolling.js】縦に長いページの途中に水平コンテンツを配置するjQueryプラグイン

縦長のページの途中に横スクロールする水平コンテンツを配置するjQueryプラグイン。キーボードの矢印キーで操作可能。ナビゲーションがあるので今ページのどこを見ているのかわかりやすい。

Lisence: MITライセンス
Tag: スクロールレイアウト
http://brm.io/jquery-match-height-demo/

【matchHeight】高さを揃えるだけではなく、グルーピングや列に応じて揃えることもできるjQueryプラグイン

高さを揃えたい要素にclassを設定します。HTML5のdata属性を使って高さを揃えたいパネルをグループ化します。レスポンシブにも対応しています。

Lisence: MITライセンス
Tag: レイアウトレスポンシブ高さを揃える
http://ksylvest.github.io/jquery-gridly/

【jQuery Gridly】ドラッグ&ドロップに対応したグリッドを実装するスクリプト

「jQuery Gridly」はオブジェクトをグリッド上に並べ、ドラッグ&ドロップによるソート、削除機能のUIを提供するjQueryプラグインです。

Lisence: MITライセンス
Tag: レイアウト
http://stylehatch.github.io/photoset-grid/

【Photoset Grid】画像を柔軟なグリッドに配置するjQueryプラグイン

画像を並べるだけで、大きい写真と小さい写真に組み合わせてレイアウトします。Lightboxを追加することも可能。

Lisence: MITライセンス
Tag: Lightboxレイアウト
shapeshift

【jQuery.Shapeshift】マウスで要素をドラッグして並び替えることができるjQueryプラグイン

ドラッグ&ドロップで配列しているボックス要素を自動配置してくれます。

Lisence: MITライセンス
Tag: レイアウト

Page Top