個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介

2014年に登場したベストなjQueryプラグインを50個ご紹介します。
レイアウト系のプラグインから、メニュー系、メディア系、スライダー系、イメージギャラリー系、テキストエフェクト系、フォーム系など、さまざまなjQueryプラグインがまとめられています。
2015年以降も、制作の現場で役立つこと間違いなし!
ぜひともチェックしてみてくださいね。

jQuery Plugins for Web & Mobile Layouts

pagePiling.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
1ページスクロール用のプラグイン。
フルスクリーン対応です。
IE8あるいはOpera12にも対応しています。
pagePiling.js

fullPage.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
こちらも、1ページスクロール用のプラグイン。
フルスクリーン対応で、サブコンテンツがある場合は、横スクロールしたり、レスポンシブ対応など、シンプルだけど、とても使い勝手のいいプラグインです。
fullPage.js

jQuery Tilted Page Scroll

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
傾いた3Dスクロール効果を実装できるプラグイン。
インパクトがあります。
jQuery Tilted Page Scroll

FixedContent.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
コンテンツの一部を、スクロールしても固定表示してくれる便利なプラグインです。
見せたい情報を的確に読者に提示できます。
FixedContent.js

gridscrolling.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
ページスクロールものですが、sectionとasideでマークアップするだけで、縦横のナビゲーションを設置できるプラグイン。
キーボードのカーソルキーでも操作可能です。
gridscrolling.js

Flickerplate

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
フリックさせたいコンテンツを簡単に実装できる軽量プラグイン。
Flickerplate

jInvertScroll

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
水平方向のパララックスるスクロールを実装できるプラグイン。
jInvertScroll

Animsition

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
ページ遷移をCSSアニメーションつかって簡単に実装できるようになるプラグイン。
実装できるアニメーションは実に58もあります。
インパクトのあるページ遷移を実装する場合にとっても便利です。
Animsition

scrollToBySpeed.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
スクロールエフェクトを実装するためのプラグイン。
特定の要素の位置を指定でき、スピードも設定もできます。
scrollToBySpeed.js

Brick Work

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
Masonry風というか、Pinterest風のレイアウトを、わずか15kで実装できてしまう軽量プラグイン。
レスポンシブにも対応しています。
Brick Work

ScrollMe

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
スクロールエフェクトを実装できる軽量プラグイン。
ScrollMe

jquery.smoothState.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
スムーズで美しいページ遷移エフェクトを実装できるプラグイン。
jquery.smoothState.js

multiscroll.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
1ページスクロール用のプラグインですが、上下別々にコンテンツが現れるというエフェクトになっています。
実装すればかなりのインパクトが。
multiscroll.js

jquery.matchHeight.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
コンテンツの高さを厳格に揃えてくれるプラグイン。
レスポンシブにも対応しています。
jquery.matchHeight.js

jQuery Navigation & Menu Plugins

Slidebars

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
左右からニュッとでてくるオフカンバス風のメニューを簡単に実装できてしまうプラグインです。
レスポンシブにも対応しています。
詳しい実装方法は「[JS]スクリプト初心者でも簡単!レスポンシブ対応のナビゲーションやコンテンツを横から表示するスクリプト -Slidebars」を御覧ください。
Slidebars

scotchPanels.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
こちらもオフカンバスメニューを実装できるプラグインです。
scotchPanels.js

jQuery Plugins for Media (Images & Video)

Focuspoint

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
ウインドウサイズを拡大し縮小した際に、画像のフォーカスポイントを設定できてしまう便利なプラグインです。
背景画像をフルスクリーンで実装する場合にはとても役立ちます。
Focuspoint

Fluidbox

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
lightbox系プラグイン。
画面いっぱいに画像を広げます。
動作も軽快です。
Fluidbox

GifPlayer

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
Gifアニメーションの再生・停止を実装できるプラグイン。
GifPlayer

rowGrid.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像をグリッドレイアウトに配置するプラグイン。
無限スクロールにも対応しています。
rowGrid.js

Magneticmediajs

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
メディアコンテンツをスタイリッシュに見せるプラグイン。
Magneticmediajs

SVGMagic

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
SVG非サポートブラウザで表示したときに、PNG画像に自動で変換してくれるプラグインです。
これがあれば、安心してSVG画像を利用できますね。
SVGMagic

Vide

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
背景フルスクリーンに動画を配置するためのプラグイン。
Vide

Data-Img

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像表示をレスポンシブ対応にしてくれるプラグイン。
単なるレスポンシブ対応ではなく、画面サイズによって複数画像を切り替えたりすることができるようになります。
Data-Img

Dense.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
retina対応の画像を簡単に提供してくれるプラグイン。
Dense.js

Covervid

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
HTML5 videoを背景フルスクリーン表示にしてくれる軽量プラグイン。
Covervid

jQuery-Cropbox<

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像の切り抜きをブラウザで行えるプラグイン。
jQuery-Cropbox

Face Detection

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
顔認識を行えてしまうプラグイン。
Face Detection

BttrLazyLoading

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像を読み込む際に、さまざまなアニメーションを実装できるプラグイン。
BttrLazyLoading

jQuery Slider, Carousel & Gallery Plugins

Simple jQuery Slider

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
シンプルなスライドショープラグイン。
Simple jQuery Slider

FSVS

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
CSS3トランジションを利用して、フルスクリーンの縦型遷移を実装するプラグイン。
FSVS

anoFlow

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
レスポンシブ対応のライトボックスギャラリープラグイン。
anoFlow

nanoGALLERY

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
レスポンシブ&タッチパネル対応の画像ギャラリープラグイン。
nanoGALLERY

Photopile JS

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像を乱雑に配置したように見せる画像ギャラリープラグイン。
Photopile JS

Justified.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像をグリッド上に整然と配置する画像ギャラリープラグイン。
Justified.js

Shuffle Images

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
カーソルを画像に合わせると画像がシャッフルされるプラグイン。
Shuffle Images

Skippr

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
とってもシンプルで軽量なスライドショー用プラグイン。
レスポンシブ対応で、オートプレイなどのオプションもあります。
Skippr

jQuery Text Effect Plugins

jQuery.fontFlex.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画面サイズに合わせてフォントサイズを変更してくれる軽量プラグイン。
jQuery.fontFlex.js

t.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
タイプライターのようなエフェクトを追加してくれるプラグイン。
t.js

CurvedText

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
テキストをカーブさせるプラグイン。
円、波、渦巻きなど、さまざまなカーブに対応しています。
CurvedText

Morphext

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
テキストにCSS3アニメーションを実装できるプラグイン。
重要な箇所を色や文字の大きさ以外で表現したい場合に便利です。
Morphext

Splitchar

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
文字を上下左右に二分割あるいは三分割などにして、それぞれに着色できるプラグイン。
Splitchar

jQuery Form Element Plugins

BootstrapValidator

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
バリデーション機能をフォームに実装するBootstrap用プラグイン。
BootstrapValidator

Labelauty

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
美しいチェックボックスらラジオボタンを実装できるプラグイン。
Labelauty

Guardian

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
フレキシブルなバリデーション機能をフォームに実装するプラグイン。
Guardian

fontIconPicker

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
フォントアイコンのピッカーを実装できるプラグイン。
fontIconPicker

HideSeek

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
リストのインクリメンタル検索ができるようになるプラグイン。
HideSeek

ClockPicker

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
時間の入力をピッカーで実装プラグイン。
ClockPicker

jQuery Utility Plugins

jQuery Confirm Mailto

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
mailto:を利用しているときに、いきなりメールソフトを立ち上げるのではなく、開くかどうかの確認を表示してくれるプラグイン。
jQuery Confirm Mailto

jQuery prettySocial

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
Pinterest, Twitter, Facebook, Google+ボタンを実装するためのプラグイン。
jQuery prettySocial

jNottery

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
ページにノートを追加できるようにするプラグイン。
jNottery

Responsive Tabs

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
レスポンシブに対応したタブ切り替えを実装できるプラグイン。
Responsive Tabs

jquery.adaptive-backgrounds.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画像からドミナントカラー(支配色)を抽出し、背景色に適応するプラグイン。
jquery.adaptive-backgrounds.js

おまけ

jQuery.planetarium

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
プラネタリウムを作れるプラグイン。
球体を自動回転させるアニメーションエフェクトを実装できます。
マウスに反応して回転を止めるといったこともできます。
jQuery.planetarium

jquery.wanker.js

jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
画面サイズの変更に注意を促すメッセージを表示できるプラグイン。
jquery.wanker.js

ここまでは、「50 Most Useful jQuery Plugins from 2014」を参考に作成しました。

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 4
  • 28

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

ワンランク上のWEB表現を目指すなら!HTML/CSS/JSの必見テクニック満載「Top Pens of 2013」

CodePenというWEBサービスをご存知でしょうか。 CodePenは、HTML/CSS/Jav

記事を読む

Gmailの送信メールを一定期間で自己消滅させる機能拡張「Dmail」

Gmailの送信メールを一定期間で自己消滅させる機能拡張「Dmail」

Gmailの送信メールを一定期間で自己消滅させる機能拡張「Dmail」をご紹介します。 Gmail

記事を読む

これは便利!背景画像に使えるシームレスパターンを無料でコピー/ダウンロードできる「Transparent Textures」

こりゃ便利!というサービスがあったのでご紹介します。 WEBサイトを制作するときに背景画像などに利

記事を読む

デザインのヒントはここに!海外の人気ブログで評価の高かった2013年のWEBデザイン60

新年を迎え、2013年のまとめ的な記事が海外ブログでも続々とアップされています。 そんななかから今

記事を読む

今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション

ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい

記事を読む

画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」

CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる

記事を読む

レスポンシブ対応のコンテンツスライダー/スライドショーベスト8

以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」

記事を読む

月額ゼロ円(無料)でホームページ・ECサイトを制作・運営できるサービス12

ホームページ制作を生業としているものにとっては、穏やかではないのが「無料でホームページを制作できてし

記事を読む

レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」

レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」

Apple Watchがいよいよ発売になります。 ところで、あなたのレスポンシブ対応済みのサイトは

記事を読む