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

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

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

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

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

記事を読む

CSSアニメーションを使ったエフェクトライブラー9

CSSアニメーションを使ったエフェクトライブラリー9

CSSアニメーションを使ったエフェクトは、プログラムを苦手とするWEBデザイナーや一般の方々に新しい

記事を読む

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

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

記事を読む

切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法

切れ込みの入ったリボン型のナビゲーションをCSS3だけで実装する方法をご紹介します。 リボン関連に

記事を読む

CSSグラデーションをとっても簡単に生成するツール「Gradientoo」

CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき

記事を読む

WordPressで格安レンタルサーバーを選ぶなら?エックスサーバーかミニバードがおすすめ!

WordPressにベストな格安レンタルサーバーはこれです!

WordPressでレンタルサーバーを選ぶ場合のおすすめサーバーご紹介します。 新しくWordPr

記事を読む

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider.com」

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」

イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利

記事を読む

ナビゲーションだけが90以上!ナビゲーションメニューのプラグインやチュートリアルのコレクションサイト「NavNav」

ナビゲーションだけが90以上!ナビゲーションメニューのプラグインやチュートリアルのコレクションサイト「NavNav」

ナビゲーションメニューのプラグインやデモ、チュートリアルが90以上コレクションされたサイトをご紹介し

記事を読む

ブラウザがあればOK!コードを即実行・確認できるツール

ブラウザでプログラミング!ブラウザでコードが書けて実行・確認できるサービス14

ブラウザでコードが書けて実行・確認できるサービスをご紹介します。 サイトを実際に公開する前にテスト

記事を読む

ショッピングカートだけの利用も無料!決済システムが充実したBASE(ベイス)が使える

ショッピングカートだけの利用も無料!決済システムが充実したBASE(ベイス)が使える

無料でネットショップが開設できるBASE(ベイス)に、ショッピングカートだけの利用も無料というサービ

記事を読む