jQueryプラグイン・2014年上半期56選まとめ

気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2014年の1〜6月までにご紹介したjQueryプラグインをまとめてみました。今回は全部で56のプラグインがありました。そのほとんどが最新(中には古いのもあるかも)のものなので、フレッシュなjQueryを探したい時の参考になれば幸いです。

スライダー、カルーセル系

Flickerplate

Flickerplate

スマホやタブレットのフリックやレスポンシブにも対応しているコンテンツスライダーです。

Paper Slider

Paper Slider

紙のようなエフェクトのシンプルなスライダーを実装することができます。

PgwSlider

PgwSlider

レスポンシブで軽量なスライダーを実装することができます。

slick

slick

レスポンシブでカスタマイズ性に優れたカルーセルを実装することができます。

Multi-Screen.js

Multi-Screen.js

ページ全体をスライドさせるようなアニメーションを実装することができます。

desoSlide

desoSlide

サムネイル付きナビゲーションのスライダーを実装することができます。

Skippr

Skippr

軽くて速いスライドショーです。

画像、ギャラリー、Lightbox系

Justified Gallery

Justified Gallery

サムネイル画像のサイズを調整してくれて綺麗に隙間を詰めて並べてくれるギャラリーです。

Tosrus

Tosrus

スワイプやスクロールができるスマホやタブレット対応のLightbox風のポップアップ機能を実装できます。

VenoBox

VenoBox

色んなコンテンツを埋め込めるLightbox風jQueryプラグインです。

pixelate.js

pixelate.js

画像にモザイクをかけることができ、マウスオーバーすると解除され、画像からカーソルを離すと再度モザイクがかかります。

Fluidbox

Fluidbox

シンプルで軽快な動作が素敵なLightboxのような機能を実装することができます。

Image Lightbox

Image Lightbox

レスポンシブでタッチフレンドリーなイメージギャラリーです。

jQuery Panorama Viewer

jQuery Panorama Viewer

パノラマビューを実装することができるjQueryプラグインです。

RowGrid.js

RowGrid.js

高さをグリッドに揃えたレイアウトを実装することができます。

lightGallery

lightGallery

レスポンシブでタッチにも対応したLightbox風のギャラリーです。

anoFlow

anoFlow

アニメーションしながらブラウザ幅に合ったレスポンシブLightbox風ギャラリーを実装することができます。

Featherlight

Featherlight

シンプルでスタイリッシュなデザインが特徴的なLightbox風jQueryプラグインです。

Relocator

Relocator

タイトルをスライド表示させるギャラリーを実装することができます。

Remodal

Remodal

レスポンシブに対応したモーダルウィンドウを実装することができます。

Shuffle Images

Shuffle Images

画像内でマウスカーソルを動かしながら画像をシャッフルすることができます。

テキスト、エフェクト系

Squishy

Squishy

テキストをコンテナに合わせて自動でサイズ変更させることができます。

jQuery Flip-Quote

jQuery Flip-Quote

Webサイトの文章内で引用したい部分をフリップして注目させることができます。

Unicorn.js

Unicorn.js

テキストにホバーするとレインボーカラーに光り始めるjQueryプラグインです。

CSS3 3D Text Plugin for jQuery

CSS3 3D Text Plugin for jQuery

テキストに立体感を出すことができます。

Splitchar

Splitchar

文字の半分をスタイルできます。

Morphext

Morphext

複数テキストをアニメーションしながら次々に切り替えていくことができます。

Simple Text Spinning Effect With JQuery

Simple Text Spinning Effect With JQuery

最初の文字を軸にしてテキストが回転していくエフェクトです。

ナビゲーション、メニュー、リスト系

Naver

Naver

レスポンシブWebデザインに合うナビゲーションを実装することができます。

jQuery Responsive Tabs

jQuery Responsive Tabs

タブパネルからアコーディオンに切り替わるレスポンシブ対応のタブを実装することができます。

Square Menu

Square Menu

スクエアなアニメーション付きメニューを実装することができます。

Slight Submenu

Slight Submenu

ネスト(入れ子)されたメニューリストを展開したり折りたたんだりすることができます。

stickyNavbar.js

stickyNavbar.js

スクロール中にナビメニューをブラウザ上部に表示させることができます。

waslidemenu

waslidemenu

横スライドしながら深い階層に入っていけるナビゲーションを実装することができます。

Tendina

Tendina

ドロップダウンのサイドメニューを実装することができるプラグインです。

jQuery Navobile

jQuery Navobile

レスポンシブに対応したモバイルナビゲーションです。

その他(スクロール、ティッカー、ツールチップ等)

qpScroll

qpScroll

背景に設定した複数の画像を使ってパララックスのスクロールを実装することができます。

Footnoted

Footnoted

文章の中に脚注(注釈)を入れることができます。

Share Button

Share Button

シンプルで軽量なシェアボタンを実装することができます。

JQuery Advanced News Ticker

JQuery Advanced News Ticker

フレキシブルでアニメーションする垂直型のニュースティッカーです。

Switchery

Switchery

iOS7のようなチェックボックスを実装することができます。

Slinky.js

Slinky.js

上下にスクロールするとコンテンツが開閉していきます。

Rainbow.js

Rainbow.js

テキストやボックスを手軽にレインボーにグラデーションすることができます。

DarkTooltip

DarkTooltip

色んなパターンのツールチップを実装することができます。

jQuery Easy Ticker

jQuery Easy Ticker

軽量でカスタマイズもしやすいニュースティッカーです。

jQuery Notebook

jQuery Notebook

シンプルなテキストエディタを実装することができます。

Circliful

Circliful

統計情報を伝えるための円グラフを表示させることができます。

jquery.matchHeight.js

jquery.matchHeight.js

異なる要素の高さを綺麗に揃えてあげることができます。

jInvertScroll

jInvertScroll

縦スクロールで垂直に移動していくのではなくて、横スクロールしていくjQueryプラグインです。

Parallax ImageScroll

Parallax ImageScroll

パララックス効果を画像に実装することができます。

Pull and Zoom

Pull and Zoom

スマホでタッチしながら指で下に引くとヘッダーの背景画像がズームしていきます。

JQuery Tilted Page Scroll

JQuery Tilted Page Scroll

スクロールしていくと傾いてきます。

multiscroll.js

multiscroll.js

2つの異なるスクロール動作を実装することができます。

jCorner

jCorner

紙をペラッとめくったようなエフェクトを実装することができます。

crossfade.js

crossfade.js

スクロールで画像をクロスフェードすることができます。

ScrollMe

ScrollMe

スクロールとアニメーションが連動します。

以上、2014年上半期に紹介したjQueryプラグインのまとめでした。

2013年上半期に紹介したjQueryプラグイン50選まとめ

2013年下半期に紹介したjQueryプラグイン68選まとめ

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives