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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
無料で使えるフラットデザインUIキット40
フラットデザインのUIキットをご紹介します。 さまざまなサイトで取り入れられているフラットデザイン
-
信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」
CSSだけで表現されているのに、信じられないほど美しいサイト「In Pieces」をご紹介します。
-
レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」
Apple Watchがいよいよ発売になります。 ところで、あなたのレスポンシブ対応済みのサイトは
-
デザインのヒントはここに!海外の人気ブログで評価の高かった2013年のWEBデザイン60
新年を迎え、2013年のまとめ的な記事が海外ブログでも続々とアップされています。 そんななかから今
-
もはやアート?ブラウザの閲覧履歴をファビコンで一覧表示する「Iconic History」
ブラウザの閲覧履歴をファビコンで一覧表示するChromeの機能拡張「Iconic History」を
-
SVGベースのオリジナルなシームレスパターンを作ってダウンロードできる「Plain Pattern」
今回ご紹介するのはSVGベースのシームレスパターンを簡単につくれて、PNG形式でダウンロードできてし
-
全部無料!レスポンシブWEBデザイン制作を驀進させるレスポンシブ対応テンプレート121
2013年も気がつけば、もうあとすこしとなりました。 そんななか、無料で利用できるフリーのレスポン
-
プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100
HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ
-
WEBサイトの背景に幾何学的なポリゴンアニメーションを簡単に実装できる「particles.js」
流行っているのかどうか定かではありませんが、海外のサイトなどで最近よく見かける幾何学的なポリゴンアニ
-
ユーザーを魅了するcodrops作成のマウスオーバーエフェクト21
CSS3対応のブラウザーが増えているおかげで、マウスオーバーエフェクトにも凝った演出を施しているサイ