jQueryプラグイン

JavaScript

jQueryプラグイン・2014年下半期70選まとめ

今年も残すところ後わずかとなってしまいました。というわけで、2014年の下半期(7〜12月)にご紹介したjQueryプラグイン・70選をまとめてみました。今後のWeb製作に役立つプラグインが見つかるかもしれないので、気になる方は是非チェックしてみてください。

[ads_center]

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

Tikslus Carousel

Tikslus Carousel

アニメーション付きイメージカルーセルです。

Vimeo Carousel Gallery

Vimeo Carousel Gallery

Vimeoのカルーセルを実装することができます。

ItemSlide.js

ItemSlide.js

タッチ、スワイプ、スクロールなどでスライドするカルーセルです。

Jqx-Media-Slider

Jqx-Media-Slider

カスタマイズ性にとても優れたスライダーやカルーセルを実装できます。

Slider Pro

Slider Pro

タッチ・スワイプに対応したスライダーです。

Simple jQuery slider

Simple jQuery slider

軽量でスワイプにも対応したjQueryスライダーです。

画像、ギャラリー、Lightbox系

JQuery Portfolio

JQuery Portfolio

ポートフォリオのサイトリストを整理して見やすく表示させることができます。

FrameScrub

FrameScrub

マウスオーバーでカーソルを動かす度に画像が切り替わっていきます。

Rebox

Rebox

jQueryまたはZeptoに対応したレスポンシブで軽量のLightbox風の機能を実装することができます。

Intense Images

Intense Images

画像をクリックすることでフルスクリーンで拡大表示することができます。

jQuery fullsizable

jQuery fullsizable

画像をフルスクリーンで表示できるLightbox風ギャラリーを実装することができます。

jQuery.GI.TheWall.js

jQuery.GI.TheWall.js

Google画像検索のようなギャラリーを実装することができます。

Blurr

Blurr

ぼかし背景を画像から簡単に作成することができます。

Rollerblade.js

Rollerblade.js

画像を360度回転させて見せることができます。

Before and after slider

Before and after slider

スライド機能がついたビフォーアフター画像を実装することができます。

FocusPoint

FocusPoint

画像の指定した部分を中心にレスポンシブ化します。

OneBook3d

OneBook3d

本を実際にめくっているようなアニメーションを実装できます。

flexImages

軽量でレスポンシブに対応したグリッドレイアウトのギャラリーを実装することができます。

flexImages

jQuery Coverflow

jQuery Coverflow

iTunesのCover Flowのような機能を実装することができます。

ScalableLightbox

ScalableLightbox

ミニマルなデザインでレスポンシブに対応したLightbox風のjQueryプラグインです。

Before and After image script

Before and After image script

ビフォーとアフターの画像を見比べることができます。

Chocolat

Chocolat

シンプルでスタイリッシュなLightbox風のjQueryプラグインです。

CaptionerJs

CaptionerJs

画像に開閉式キャプションを表示させることができます。

Lightcase

Lightcase

フレキシブルでレスポンシブに対応したLightbox風のjQueryプラグインです。

Data Img

Data Img

ブラウザ幅に応じて最適なサイズの画像を切り替えて表示させることができます。

テキスト、エフェクト系

CurvedText

CurvedText

任意の曲線上にテキストを配置することができます。

Letter Drop

Letter Drop

雨のように文字が落ちてくるアニメーションエフェクトを実装することができます。

jQuery.twinkle

jQuery.twinkle

中心から外側にかけて円が広がっていくようなエフェクトを実装することができます。

jQuery.fontFlex

jQuery.fontFlex

フォントサイズをブラウザ幅に合わせて自動で変更してくれる機能を実装することができます。

Words Rotator

Words Rotator

軽量・シンプルで文字をアニメーション付きで次々に入替していくことができます。

TextTailor.js

TextTailor.js

ブラウザ幅に合わせてコンテナ内のテキストのフォントサイズを自動でリサイズさせることができます。

t.js

t.js

文字をリアルタイムで入力しているようなテキストエフェクトを実装できます。

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

jQuery Slideout Menu

jQuery Slideout Menu

メニューをスライドして表示させることができます。

jQuery Accordion

jQuery Accordion

シンプルでレスポンシブに対応したアコーディオンを実装することができます。

Simple Sidebar

Simple Sidebar

左右どちらでも設定可能なシンプルなサイドバーを実装することができます。

slimMenu

slimMenu

スマホやPCの両方で多階層メニューを実装することができます。

mmenu

mmenu

横からスライドするメニューです。

Material Menu

Material Menu

サイドからメニューパネルがスライドオープンしてきます。

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

jCalculator

jCalculator

入力フィールドに電卓を実装することができます。

SideComments.js

SideComments.js

文章の段落に合わせてコメントすることができます。

Stackbox.js

Stackbox.js

指定した要素をクリックするとモーダルボックスが震えながら表示されます。

Vide

Vide

Webサイトの背景にvideoを表示させることができます。

shCircleLoader

shCircleLoader

サイズやスピードなどを調整できるローディングアニメーションを実装できます。

Cool Social Buttons jQuery Plugin

Cool Social Buttons jQuery Plugin

CSS3を活用したモバイルフレンドリーなソーシャルボタンです。

FlipClock.js

FlipClock.js

パタパタとフリップしながらめくられていく時計・タイマー・カウントダウンといった機能を実装できます。

FSVS(Full Screen Vertical Scroller)

FSVS(Full Screen Vertical Scroller)

フルスクリーンでスライドのような垂直スクロールです。

Sticky

Sticky

スクロールしても固定表示されてついてくる機能を実装することができます。

Babylon Grid

Babylon Grid

軽量・レスポンシブでPinterestのようなグリッドレイアウトを実装することができます。

Swipe-Li

Swipe-Li

左右のスワイプで有効・無効を選ぶことができるプラグインです。

pagePiling.js

pagePiling.js

垂直にスライドするようなスクロール機能を実装できます。

respontent

respontent

画像・YouTube動画・テーブル・Googleマップといった様々なコンテンツをレスポンシブにすることができます。

SweetAlert

SweetAlert

アラートやダイアログを美しいデザインに装飾してくれます。

jQlouds

jQlouds

ふわふわした雲を実装することができます。

jQuery Panelize Plugin

jQuery Panelize Plugin

スクロールすることでセクションごとにパネルが切り替わっていきます。

gridscrolling.js

gridscrolling.js

縦横に配置されたグリッドごとに画面をスクロールすることができます。

Rate Yo!

Rate Yo!

SVGを使った星評価を簡単に実装することができます。

jQuery Seat Charts

jQuery Seat Charts

座席の指定を予約するためのシートマップです。

Ladda

Ladda

ボタンをクリックするとローディングのアイコンがボタン内に表示されます。

ClassyCountdown

ClassyCountdown

シンプルでスタイリッシュな円形カウントダウンです。

Animsition

Animsition

フェード、回転、フリップ、ズームといった多彩なアニメーションでページを表示できます。

FlowupLabels.js

FlowupLabels.js

placeholderの利便性を高めてくれます。

TV Credits

TV Credits

縦と横の両方に対応しているティッカーです。

anchor.js

anchor.js

自分が設定したページ内での任意のリンク先に滑らかに移動していきます。

Purplecoat.js

Purplecoat.js

アニメーションでテキスト付きのオーバレイを表示させることができます。

Guardian

Guardian

間違った情報を入力した時にエラーメッセージを表示させたりできます。

plainModal

plainModal

自由度の高いスタイルを作れるモーダルウィンドウです。

FixedContent.js

FixedContent.js

スクロールしてもコンテンツを固定してくれるjQueryプラグインです。

Tipso

Tipso

軽量でアニメーションもいい感じのツールチップです。

scrollToBySpeed

scrollToBySpeed

指定した要素の位置までスクロールしてくれます。

FakeLoader.js

FakeLoader.js

軽量でフルスクリーンのカッコいいローディングアニメーションです。

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

フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」前のページ

SVGだけを使った可愛いローディングアイコン集・SVG Loaders次のページSVG Loaders

最近の記事

  1. クリスマスブレンド エスプレッソロースト
  2. CIO Mate Magnet Stand
  3. 抹茶クリームドーナツ
  4. FAST
  5. クリスマスブレンド
PAGE TOP