TOP  >  javascript  >  使えるフリーのモーダルウィンドウまとめ「12 Free Modal Window Libraries & Plugins For Your Site」
2017年12月06日

使えるフリーのモーダルウィンドウまとめ「12 Free Modal Window Libraries & Plugins For Your Site」

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

12-free-modal-window-libraries-plugins1
iziModal.js

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

詳しくは以下

12-free-modal-window-libraries-plugins2
jQuery Modal
とてもシンプルで最小限の機能のみのモーダルウィンドウです。ちょっとした箇所にモーダルを利用したいときや、極力シンプルなものをお探しの際にどうぞ。
 
 
 
12-free-modal-window-libra
SimpleModal
シンプルですが実用性の高いモーダルは8種類まとめられています。幅広いシーンで活躍してくれる事間違いなしのベーシックなフォーマットです。
 
 
 
12-free-modal-window-libraries-plugins4
animatedModal.js
クリックするとアニメーションと共に、モーダルウィンドウが画面全体に広がるユニークな挙動の変わり種モーダル。アニメーションの種類は3タイプから選ぶことができるのも嬉しいですね。
 
 
利用する場面の多いモーダルですから、時短の為にこうした素材を活用するのは勿論、デザインの引出しを増やすと言う意味でも是非目を通して置きたいですね。下記のサイトからダウンロードできますので、モーダルウィンドウでお悩みの方はぜひ一度ご覧になってみてはいかがしょうか。
12 Free Modal Window Libraries & Plugins For Your Site

posted 09:00  |  
Category: javascript   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る