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

jQueryで実装できるスタイリッシュなポップアップ/モーダルウインドウ用プラグインをご紹介します。
数は全部で25種類。
簡単に実装できるものばかりなのに加えて、チュートリアル付きのプラグインもたくさんあるので、実装する際にはとても参考になります。
もちろんすべて無料。
お役に立てましたら、幸いです。
Nifty Modal Window Effects
19種類のエフェクトからなるポップアップウインドウ。
チュートリアル付き。
DownloadDemo
Build a Popup Modal Window Using the jQuery
シンプルなポップアップモーダルウインドウ。
詳しいチュートリアル付き。
DownloadDemo
jQuery Confirm Dialog Replacement with CSS3
こちらも、シンプルなポップアップモーダルウインドウ。
詳しいチュートリアルがついています。
DownloadDemo
jQuery Impromptu – Jquery Popup Plugin
ユーザビリティが考慮されたフォーム入力に最適なポップアッププラグイン。
DownloadDemo
Simple Modal jQuery Popup Window
シンプルかつ使い方も簡単なプラグイン。
動画などにも対応しています。
DownloadDemo
CSS3 Sleek Black Jquery Modal Window
CSSだけでつくられたモーダルウインドウ。
ボタンを追加する場合はjsを追加します。
DownloadDemo
Zebra Dialog Box – jQuery Popup Plugin
ダイアログ用ポップアップウインドウプラウグイン。
詳しいチュートリアル付き。
DownloadDemo
Custom JavaScript Dialog Boxes
4.5キロバイトと軽量なプラグイン。
4種類のデザインが用意されています。
DownloadDemo
Popup Modal Window
こちらもシンプルなポップアップウインドウ。
DownloadDemo
bopup – Jquery Popup Plugin
1.49キロバイトと軽量なプラグイン。
エフェクトの種類、カスタマイズ性にもすぐれています。
DownloadDemo
jQuery YouTube Popup Player Plugin
YouTube用プラグイン。
詳しいチュートリアル付き。
DownloadDemo
Messi – Simple Jquery Popup Plugin
クリーンかつエレガントなダイアログボックスを実装できるプラグイン。
DownloadDemo
TinyBox 2 – Javascript Modal Windows
軽量かつスタイリッシュなポップアップ用プラグイン。
DownloadDemo
Apprise – The attractive jQuery Alert Alternative
2万3000回ダウンロードされているというプラグイン。
DownloadDemo
NOTY – Jquery Notification Popup Plugin
アラートを簡単に作成できるポップアップ用プラグイン。
Download
CSS Love Confirmation
テキストやアラート、入力などに対応したポップアップ用プラグイン。
DownloadDemo
Simple jQuery Modals Made Easy
1.75KBと超軽量でありながら、クロスブラウザに対応したZerb製のプラグイン。
DownloadDemo
Jquery Popup Dialog with Date Picker Demo
日付ピッカーがついたポップアップダイアログ。
DownloadDemo
LeanModal – jQuery Popup Window
hidden pageに適したポップアップ用プラグイン。
DownloadDemo
SimpleModal jQuery Popup Box
シンプルながら多様なコンテンツに対応したポップアップ用プラグイン。
DownloadDemo
iOS7-like Confirm Dialog
iOSライクなダイアログボックスを実装できるプラグイン。
DownloadDemo
jQuery modalPopLite
シンプルかつ軽量なポップアップ用クラグイン。
DownloadDemo
jQuery PopBox – Jquery Popup Plugin
テキスト入力エリア用のプラグイン。
DownloadDemo
Greybox – Simple Jquery Popup Plugin
軽量プラグインで、画像などのコンテンツを表示できます。
DownloadDemo
Bootstrap 3 & AngularJS Dialog/Modals
Bootstrap3、angular.js用のモーダルウインドウ用プラグイン。
DownloadDemo
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS
-
-
プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100
HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ
-
-
iPhoneもMacも簡単OK!CSSだけであなただけのAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device Generator」
CSSだけでAppleデバイスを描ける無料ジェネレーター「Pure CSS Apple Device
-
-
超簡単!CSSで上下左右センターにする方法
超簡単ですぐ実践できるCSSで上下左右センターにする方法をご紹介。 display:flexを使っ
-
-
HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」
HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール
-
-
背景画像をフルスクリーン&レスポンシブ対応にする方法
背景画像をスクリーンいっぱいに表示しているサイトが増えているとはいえ、いま見てもインパクトがあります
-
-
人気のHTML/CSSコードサンプル25+おまけ2 from CodePen
CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類
-
-
いまさら聞けない無料のアイコンフォントの導入の仕方・使い方
アイコンフォントを今頃になってようやく使ってみました。 最初は正直よくわからず、戸惑ってしまいまし
-
-
CSSボタンのコピペに!CSSでつくられたボタンのコードが100以上コレクションされている「CSS Buttons」
CSSボタンの参考やコピペに使える、とても参考になるCSSボタンのコードがコレクションされているサイ
-
-
無料でオリジナルなクイズが作成できるツール「QuizGenerator」
無料でオリジナルなクイズが、簡単に作成できるツールをご紹介します。 作れるクイズは選択式、穴埋め、