個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

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

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

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

記事を読む

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライトを誰でも簡単に、しかも見やすく生成できてしまうツールのご紹介です。 CSSスプライ

記事を読む

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

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

記事を読む

よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル

よくわかる 初心者のためのCSS3 transitionとtransformのチュートリアル

初心者のためのCSS3 transition(トランジション)とtransform(トランスフォーム

記事を読む

レスポンシブWEBデザイン用ナビゲーション&メニューのベストパターン16

レスポンシブWEBデザインは当たり前の世の中になりました。 当たり前になるにつれて、レスポンシブW

記事を読む

人気のHTML/CSSコードサンプル25+おまけ2 from CodePen

CodePenはHTML,CSS,JSのコードサンプル配布サイトです。 紹介されているコードの種類

記事を読む

2014年登場のCSSツール・サービスはこれを!2014ベストCSSツール・サービス50

2014年登場のCSSツール・サービスはこれ!2014ベストCSSツール・サービス50

2014年に登場したCSS関係のツール、サービスをご紹介します。 CSS3の登場で、CSS関連のツ

記事を読む

オリジナルなアイコンフォントの作り方・使い方

いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法

アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当

記事を読む

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」

無料でオリジナルなクイズが作成できるツール「QuizGenerator」

無料でオリジナルなクイズが、簡単に作成できるツールをご紹介します。 作れるクイズは選択式、穴埋め、

記事を読む

Joomla!の無料テンプレート123 レスポンシブWEBデザイン対応もあり

Joomla!(ジュームラ)は高機能で使いやすいと評判のCMSです。 ドメイン、サーバー込みで無料

記事を読む