Tag Archives: レイアウト

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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