TOP  >  plugin  >  JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」
2017年11月12日

JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」

Webサイトを閲覧していると様々なモーダルウィンドウを見かけると思います。使用用途はもちろん、デザインも様々。そんな中今回は、デベロッパーにとって便利な、JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」を紹介します。

modal-script01
SweetAlert2 – a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

モーダル制作に便利なオープンソースが集約されたまとめとなっています。いくつか気になるものをピックアップしてみました。

詳しくは以下

modal-script02
plainModal
外部のCSSや画像ファイルは使用せず、jQueryで構築されたシンプルなモーダルです。たった1行のJavaScriptでモーダルを設定することがでる優れもの。
 
 
 
modal-script03
GitHub – scotch-io/javascript-modal: Building your own JavaScript Modal by Ken Wheeler
フラットなデザインとPOPなカラーリングが魅力的なモーダルです。こちらも簡単なJavaScriptで構築されており、容量も軽いのでオススメです。
 
 
 
modal-script04
iziModal.js
全ての最新ブラウザに対応したプラグインです。ベーシックなデザインなのでどんなサイトにも使える汎用性の高いモーダルです。
 
 
ここで紹介されているプラグインは編集可能で、ニーズに合わせてUIを自由にアレンジできますので、様々な場面で活躍してくれるはず。どれも無料のオープンソースですので、いろいろ試してみるのも良いかもしれません。デベロッパーだけでなく、デザイナーにも参考になるまとめだと思います。

Best Free JavaScript Modal Window Plugins – Hongkiat

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 09:00  |  
Category: plugin   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る