WEBサイトの機能として欠かせない存在になりつつ在るモーダルウィンドウ。ギャラリーを閲覧させたり、商品詳細を表示させたり非常に便利な仕組みです。今回ご紹介するのはそんなモーダルウィンドウを制作する際に役立つ、フリーのモーダルウィンドウをまとめた「12 Free Modal Window Libraries & Plugins For Your Site」です。

iziModal.js

シンプルなタイプから、ちょっと凝った機能を搭載した応用的なものまで、様々なモーダルウィンドウが12点紹介されています。更にその中から、おすすめのものを3点ピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

jQuery Modal
とてもシンプルで最小限の機能のみのモーダルウィンドウです。ちょっとした箇所にモーダルを利用したいときや、極力シンプルなものをお探しの際にどうぞ。
　
　
　

SimpleModal
シンプルですが実用性の高いモーダルは8種類まとめられています。幅広いシーンで活躍してくれる事間違いなしのベーシックなフォーマットです。
　
　
　

animatedModal.js
クリックするとアニメーションと共に、モーダルウィンドウが画面全体に広がるユニークな挙動の変わり種モーダル。アニメーションの種類は3タイプから選ぶことができるのも嬉しいですね。
　
　
利用する場面の多いモーダルですから、時短の為にこうした素材を活用するのは勿論、デザインの引出しを増やすと言う意味でも是非目を通して置きたいですね。下記のサイトからダウンロードできますので、モーダルウィンドウでお悩みの方はぜひ一度ご覧になってみてはいかがしょうか。
12 Free Modal Window Libraries & Plugins For Your Site