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

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

レスポンシブWEBデザインなら導入したいレスポンシブ対応CSSフレームワーク35(〜2013年9月まで)

レスポンシブWEBデザインにますます注目が集まっているようです。 つい最近では、カラーミーショップ

記事を読む

レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Framework」

レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Framework」

レスポンシブ対応HTMLメールのフレームワーク集「Responsive HTML Email Fra

記事を読む

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」

流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニ

記事を読む

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

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

記事を読む

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

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

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

記事を読む

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

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

記事を読む

リボン風の見出しをCSS3だけで実装する方法

リボン風の見出しをCSS3だけで実装する方法

見出しでリボン風の装飾をCSS3だけで実装する方法をご紹介します。 利用するのはboderプロパテ

記事を読む

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」をご紹介します。 作成者した

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む