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

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

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

詳しくは以下

plainModal
外部のCSSや画像ファイルは使用せず、jQueryで構築されたシンプルなモーダルです。たった1行のJavaScriptでモーダルを設定することがでる優れもの。
　
　
　

GitHub – scotch-io/javascript-modal: Building your own JavaScript Modal by Ken Wheeler
フラットなデザインとPOPなカラーリングが魅力的なモーダルです。こちらも簡単なJavaScriptで構築されており、容量も軽いのでオススメです。
　
　
　

iziModal.js
全ての最新ブラウザに対応したプラグインです。ベーシックなデザインなのでどんなサイトにも使える汎用性の高いモーダルです。
　
　
ここで紹介されているプラグインは編集可能で、ニーズに合わせてUIを自由にアレンジできますので、様々な場面で活躍してくれるはず。どれも無料のオープンソースですので、いろいろ試してみるのも良いかもしれません。デベロッパーだけでなく、デザイナーにも参考になるまとめだと思います。

Best Free JavaScript Modal Window Plugins – Hongkiat