背景・レイアウト

http://dfcb.github.io/BigVideo.js/

【BigVideo.js】MP4などの動画をページの背景にフルスクリーン表示するjQueryプラグイン

jQuery、jQuery UI使用。複数の動画をループさせて再生することも可能。

Lisence: GPLライセンスMITライセンス
Tag: フルスクリーン動画
http://www.thepetedesign.com/demos/onepage_scroll_demo.html

【One Page Scroll】1ページスクロールを作成するjQueryプラグイン

複数のパネルを垂直方向に配置して1ページのスクロールページを作成できます。

Lisence: GPLライセンス
Tag: スクロール
http://www.ianlunn.co.uk/plugins/jquery-parallax/

【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン

スクロールによってコンテンツがダイナミックに変化していくのはとても格好よく、スタイリッシュです。

Lisence: GPLライセンスMITライセンス
Tag: アニメーションギャラリースクロールパララックス
http://individual11.github.io/Scroll-To/#ease

【Scroll To】アニメーションスクロールをデフォルト化するjQueryプラグイン

アニメーションスクロールをデフォルト化できるプラグイン。一瞬で飛んでしまうスクロールより便利なので、デフォルト化してしまうのも一つの手かもしれません。 アニメーションの速度やスクロール位置のオフセット、アニメーションエフ […]

Lisence: MITライセンス
Tag: アニメーションスクロール
http://jeremyjcpaul.com/photo-wall-demo

【photoWall.js】Google画像検索風に写真を表示するjQueryプラグイン

Google画像検索風な画像表示を行えるjQueryプラグイン。

Lisence: MITライセンス
Tag: ギャラリー
http://masonjs.com/

【Mason.js】他のスクリプトで生じる端も埋める、パネルをレンガ状に配置するjQueryプラグイン

複数のパネルを積み上げたレンガ状に配置するレスポンシブ対応のスクリプトです。 他のスクリプトでのグリッドのレイアウトを使う時に生じる隙間や端にも穴がない状態でレイアウトすることが可能です。

Lisence: MITライセンス
Tag: レスポンシブ
http://file.urin.take-uma.net/jquery.tile.js-Demo.html

【jquery.tile.js】要素の高さを揃える軽量なjQueryプラグイン

同じclass名のブロックレベル要素全ての高さを揃える、または列数を指定して同じ行にある要素の高さを揃えることができます。

Lisence: GPLライセンスMITライセンス
Tag: 高さを揃える
http://blog.webcreativepark.net/sample/js/18/index.html

【heightLine.js】ブロックレベル要素の高さを揃えるjsライブラリ

統一したいブロックレベル要素に『heightLine』等のclass名を指定することによって、class名がつけられたブロックレベル要素が高さの最も高いものに統一されます。

Lisence: MITライセンス
Tag: 高さを揃える
http://plugins.compzets.com/animatescroll/

【AnimateScroll】面白いページ内スクロールを実装できるjQueryプラグイン

さまざまな動き(エフェクト効果)を指定することが可能です。エフェクトの一覧は下記サイトから確認することができます。Easing function

Lisence: MITライセンス
Tag: エフェクトスクロール
http://theroux.github.io/clingify/

【Clingify】ページ上部にメニューなどを固定表示するjQueryプラグイン

ヘッダー等のメニューを上部に固定するだけでなく、ブレイクポイントを設定することで、ページの途中から固定する内容(要素)を変更することが出来ます。

Lisence: MITライセンス
Tag: 位置固定

【jquery Bottom】一番下までスクロールしたら自動的にコンテンツを表示するjQueryプラグイン

Lisence: GPLライセンスMITライセンス
Tag: スクロール
http://www.wookmark.com/

【Wookmark】異なる高さの要素をレンガ状に敷き詰めるjQueryプラグイン

高さの異なる要素をグリッドに沿って、レンガ状に並べることが出来ます。

Lisence: MITライセンス
Tag: レスポンシブ
http://masonry.desandro.com/

【Masonry】可変グリッドレイアウトを実装するjQueryプラグイン

ユーザのウィンドウサイズに合わせて、要素がレンガ状にレイアウト変更します。オプションを設定することで、移動時にアニメーションをつけることが出来ます。

Lisence: MITライセンス
Tag: レスポンシブ
2 / 212

Page Top