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

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

これは魅力的!CSSだけで実装できる画像ホバーエフェクト20

これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22

CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。

記事を読む

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

最近のサイトではCSSアニメーションを使って、ユーザーに効果的な見せ方をしているサイトも増えてきまし

記事を読む

SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」

SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」

今回ご紹介するのはSVGベースのシームレスパターンを簡単につくれて、PNG形式でダウンロードできてし

記事を読む

Gmailを無料で便利に!「開封確認」「スケジュール送信」ができる機能拡張「myHero Toolbox」

Gmailを利用しています。 本当に便利なGmailですが、できるなら「既読通知/開封確認」「スケ

記事を読む

使える!2015年時点で最高の無料HTMLフリーテンプレート50+

使える!2015年時点で最高の無料レスポンシブ用フリーテンプレート50+

2015年時点で最高の無料レスポンシブ用フリーテンプレートをご紹介します。 今回ご紹介する無料のH

記事を読む

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

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

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

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

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

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

記事を読む

WEBデベロッパーのためのおすすめYouTubeチャンネル15選

WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS

記事を読む

プログラミング初心者がプログラミングを学ぶのにベストな海外チュートリアルサイト11

プログラミング初心者がプログラミングを学ぶのにベストな海外チュートリアルサイト11

日本でプログラミングを学ぶなら、ドットインストールが有名ですよね。 海外でもプログラミングを学ぶう

記事を読む