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

スタイリッシュなポップアップ/モーダルウインドウ用jQuery無料プラグイン25

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選

jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。
数は全部で25種類。
簡単に実装できるものばかりなのに加えて、チュートリアル付きのプラグインもたくさんあるので、実装する際にはとても参考になります。
もちろんすべて無料。
お役に立てましたら、幸いです。

Nifty Modal Window Effects

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
19種類のエフェクトからなるポップアップウインドウ。
チュートリアル付き。
DownloadDemo

Build a Popup Modal Window Using the jQuery

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
シンプルなポップアップモーダルウインドウ。
詳しいチュートリアル付き。
DownloadDemo

jQuery Confirm Dialog Replacement with CSS3

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
こちらも、シンプルなポップアップモーダルウインドウ。
詳しいチュートリアルがついています。
DownloadDemo

jQuery Impromptu – Jquery Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
ユーザビリティが考慮されたフォーム入力に最適なポップアッププラグイン。
DownloadDemo

Simple Modal jQuery Popup Window

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
シンプルかつ使い方も簡単なプラグイン。
動画などにも対応しています。
DownloadDemo

CSS3 Sleek Black Jquery Modal Window

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
CSSだけでつくられたモーダルウインドウ。
ボタンを追加する場合はjsを追加します。
DownloadDemo

Zebra Dialog Box – jQuery Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
ダイアログ用ポップアップウインドウプラウグイン。
詳しいチュートリアル付き。
DownloadDemo

Custom JavaScript Dialog Boxes

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
4.5キロバイトと軽量なプラグイン。
4種類のデザインが用意されています。
DownloadDemo

Popup Modal Window

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
こちらもシンプルなポップアップウインドウ。
DownloadDemo

bopup – Jquery Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
1.49キロバイトと軽量なプラグイン。
エフェクトの種類、カスタマイズ性にもすぐれています。
DownloadDemo

jQuery YouTube Popup Player Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
YouTube用プラグイン。
詳しいチュートリアル付き。
DownloadDemo

Messi – Simple Jquery Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
クリーンかつエレガントなダイアログボックスを実装できるプラグイン。
DownloadDemo

TinyBox 2 – Javascript Modal Windows

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
軽量かつスタイリッシュなポップアップ用プラグイン。
DownloadDemo

Apprise – The attractive jQuery Alert Alternative

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
2万3000回ダウンロードされているというプラグイン。
DownloadDemo

NOTY – Jquery Notification Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
アラートを簡単に作成できるポップアップ用プラグイン。
Download

CSS Love Confirmation

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
テキストやアラート、入力などに対応したポップアップ用プラグイン。
DownloadDemo

Simple jQuery Modals Made Easy

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
1.75KBと超軽量でありながら、クロスブラウザに対応したZerb製のプラグイン。
DownloadDemo

Jquery Popup Dialog with Date Picker Demo

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
日付ピッカーがついたポップアップダイアログ。
DownloadDemo

LeanModal – jQuery Popup Window

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
hidden pageに適したポップアップ用プラグイン。
DownloadDemo

SimpleModal jQuery Popup Box

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
シンプルながら多様なコンテンツに対応したポップアップ用プラグイン。
DownloadDemo

iOS7-like Confirm Dialog

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
iOSライクなダイアログボックスを実装できるプラグイン。
DownloadDemo

jQuery modalPopLite

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
シンプルかつ軽量なポップアップ用クラグイン。
DownloadDemo

jQuery PopBox – Jquery Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
テキスト入力エリア用のプラグイン。
DownloadDemo

Greybox – Simple Jquery Popup Plugin

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
軽量プラグインで、画像などのコンテンツを表示できます。
DownloadDemo

Bootstrap 3 & AngularJS Dialog/Modals

スタイリッシュなポップアップ/モーダルウインドウ用jQueryプラグイン53選
Bootstrap3、angular.js用のモーダルウインドウ用プラグイン。
DownloadDemo

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

  • 0
  • 0
  • 0
  • 2

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

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

無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」

無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?

記事を読む

画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法

アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を

記事を読む

無料で利用できるhtml5プレイヤー(jQueryプレイヤー)14(2013)

html5のお陰で、プラグインなしでビデオ、音楽を導入できるようになりました。 iPhoneは今後

記事を読む

2013年のベストjQueryプラグイン47

2013年も残すところわずかになりました。 今年もたくさんのjQueryプラグインが発表されていま

記事を読む

CSSを丸裸にして見やすく統計的に整理してくれる「CSS STATS」

サイトのCSSを解析してくれるサービスってたくさんありますが、項目ごとに見やすくまとめてくれて、活用

記事を読む

無料のスクロール/パララックススクロール系jQueryプラグイン24

スクロール/パララックススクロールはコンテツをリッチにしてくれる魅力的な演出です。 今回はそんな魅

記事を読む

CSSだけで作られた決済代行・クレジット決済サービスアイコン95種「PaymentFont」WEBフォントしても使える!

CSSだけで作られた決済代行・クレジット決済サービスの無料アイコン95種「PaymentFont」WEBフォントしても使える!

CSSだけで作られた決済代行・クレジット決済サービスの無料アイコンセットをご紹介します。 ピュアC

記事を読む

背景画像をフルスクリーン&レスポンシブ対応にする方法

背景画像をスクリーンいっぱいに表示しているサイトが増えているとはいえ、いま見てもインパクトがあります

記事を読む

UIのインスピレーションに最適な「UXPorn」

UIデザインのインスピレーションで溢れてる「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ

記事を読む

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊

記事を読む