2013年下半期jQueryプラグインまとめ

JavaScript

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

今年も残すところあとわずかとなりました。今年もたくさんのjQueryプラグインを紹介してきたので復習もかねてまとめてみました。前回は2013年上半期をまとめたので、今回は2013年下半期に紹介したjQueryプラグインのまとめです。全部で68のプラグインがありました。上半期の50に対し下半期68なので、両方合わせると118になります。それでは、以下どうぞ。

[ads_center]

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

Excolo Slider

Excolo Slider

タッチやマウススライドにも対応しているjQueryスライダーです。

Owl Carousel

Owl Carousel

タッチ操作やレスポンシブにも対応しているカルーセルです。

Coin Slider

Coin Slider

ユニークなエフェクトで画像がスライドしていくjQueryイメージスライダーです。

Juicy Slider

Juicy Slider

エフェクトがとっても優雅な感じで、レスポンシブに対応している軽量のjQueryスライダーです。

Glide.js

Glide.js

レスポンシブやタッチ操作に対応したスライダーです。

Parallax Slider with jQuery

Parallax Slider with jQuery

パララックス効果がとても素敵なスライダーです。

FilmRoll

FilmRoll

中央に来た項目に焦点を当てることができるカルーセルです。

jQuery Smooth Div Scroll

jQuery Smooth Div Scroll

マウスオーバーで左右に画像をスクロールさせることができます。

Impulse Slider

Impulse Slider

立体的にスライドしていく3Dスライダーを実装することができます。

Slideme

Slideme

コンテンツをスライドさせて魅せることができます。

Blindify

Blindify

画像に垂直・水平方向のブラインド効果を入れたスライドショーです。

Slippry

Slippry

HTML5・CSS3・jQueryを使ったレスポンシブなスライダーです。

画像、ギャラリー、Lightbox系

CollagePlus

CollagePlus

画像を綺麗に整列させることができます。

flipLightBox

flipLightBox

レスポンシブ対応のLightbox風jQueryプラグインで、クリックした画像はフリップで表示されます。

Nivo Lightbox

Nivo Lightbox

画像以外にも動画やWebページを表示させることができるレスポンシブ対応のLightbox系のjQueryプラグインです。

Albumize

Albumize

Webページにある画像コレクションをアルバムのようなギャラリーに管理・実装することができます。

jQuery googleslides

jquery-googleslides-1

Google+やPicasaからの写真を埋め込んでスライドショーを作ることができます。

Balanced Gallery

Balanced Gallery

ブラウザの画面内にバランスよく綺麗に整列されたギャラリーを実装できます。

portBox

portBox

シンプルで軽量なLightBox系のモーダルウィンドウです。

Block Slide

Block Slide

印象的なエフェクトで魅せるモーダルウィンドウです。

smartJQueryZoom

smartJQueryZoom

タッチとマウスイベントにも対応した画像ズームです。

diamonds.js

diamonds.js

ダイヤモンド(菱形)みたいな形をしたイメージギャラリーです。

Zoomer

Zoomer

画像をズームさせる機能を実装できます。

Wallpaper

Wallpaper

背景画像のレイアウトをブラウザ幅に合わせることができます。

Leroy Zoom

Leroy Zoom

画像を拡大ズームさせる機能を実装することができます。

Smoothproducts

Smoothproducts

レスポンス対応のズーム機能付きのイメージビューアです。

Zoomerang.js

Zoomerang.js

画像やDOM要素をズームイン・ズームアウトできます。

nanoGALLERY

nanoGALLERY

Flickr・Picasa・Google+ストレージなどに対応したイメージギャラリーです。

PopCircle

PopCircle

要素をクリックした時に周りに画像を表示させることができます。

テキスト、エフェクト系

Vague.js

Vague.js

要素をぼかすことができます。

jQuery Flat Shadow

jQuery Flat Shadow

フラットデザインに影をつけれます。

No Vacancy

No Vacancy

テキストにネオンサインのようなエフェクトを実装することができます。

ALighter

ALighter

任意のテキストの場所に光を当ててくれます。

Audero Smoke Effect

Audero Smoke Effect

スモーク(煙)のエフェクトを実装することができます。

BookBlock Revised

BookBlock Revised

本やカレンダーのようなページめくりのエフェクトです。

Text Effects

Text Effects

テキストがカシャカシャ切り替わりながら表示していきます。

Foggy

Foggy

指定した要素をblur効果でぼかしてくれます。

Text Rotator

Text Rotator

テキストをアニメーションしながら入れ替えていくことができます。

Responsive Text

Responsive Text

指定したテキストをレスポンシブにできます。

funnyText.js

funnyText.js

垂直や水平方向に文字が移動するアニメーションを実装できます。

PhotoJShop

PhotoJShop

写真にエフェクトやフィルタをかけることができます。

VintageTxt

VintageTxt

文字をタイピングしているような効果を実装することができます。

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

raccordion

Tabby

軽量でシンプルなタブメニューです。

Tabulous.js

Tabulous.js

オプションを指定することで色々なエフェクトのタブパネルを実装できます。

Easy Responsive Tabs to Accordion

Easy Responsive Tabs to Accordion

ブラウザ幅を縮小していくとタブパネルからアコーディオンに切り替わるのが特徴的です。

Box Lid

Box Lid

立体的なナビゲーション表示です。

FancySelect

FancySelect

セレクトメニューをシンプルでスタイリッシュにすることができます。

jQuery Wheel Menu

jQuery Wheel Menu

ホバーするとその地点を中心にして円形メニューが表示されます。

HeadShrinker

HeadShrinker

スクロールするとナビゲーションが上部に固定配置されます。

CSS3 Menu Slider

CSS3 Menu Slider

モバイルにも対応したサイドバーのナビゲーションメニューです。

simplePagination.js

simplePagination.js

シンプルで素敵なページネーションです。

FerroMenu

FerroMenu

アイコンをクリックすることで周りにメニューが表示されます。

Tabslet

Tabslet

Webサイトにタブ機能を実装することができます。

Accessible Mega Menu

Accessible Mega Menu

メガメニューを実装できます。

stickUp

stickUp

スクロールしてもナビゲーションメニューを常に上部に固定配置できます

Multi-level push menu

Multi-level push menu

サイドにスライド開閉できるアクセス性が良いナビゲーションを実装できます。

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

jQuery Gridly

jQuery Gridly

クリックしてその場で拡大したりドラッグで配置を入れ替えたりできます。

SHARDS

SHARDS

多層に重なり合う美しいグラデーションの背景を実装できます。

AnimateScroll

AnimateScroll

ページの任意の場所にスクロールできます。

Scrolltab

Scrolltab

スクロール移動させるタブを追加することができます。

Responsive Elements

Responsive Elements

指定した要素をレスポンシブに対応させることができます。

CSS Emoticons

CSS Emoticons

Webページ上に絵文字を簡単に表示させることができます。

Wave

Wave

ウェーブ(波形)を簡単に描くことができます。

stacky

stacky

コンテンツをスライドダウンして表示したりスライドアップして収納したりすることができます。

Captall

Captall

画像や設定したDOM要素の上にキャプションをできます。

Freewall

Freewall

レスポンシブに対応したグリッドレイアウトが実装可能です。

Salvattore

Salvattore

Pinterestのように要素を綺麗に整理させることができます。

jQuery Fullscreen Editor

jQuery Fullscreen Editor

テキストエリアにフレキシブルなフルスクリーンモードを実装することができます。

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

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

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

WordPressの自動バックグラウンド更新WordPressで複数のウィジェットを表示させるやり方前のページ

WordPressでログイン中に上部ツールバーを表示・非表示にする設定方法次のページWordPressのログイン時のツールバー

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP