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   
tag: Javascript modal plugin webdesign WEBデザイン プラグイン モーダル
このエントリーをはてなブックマークに追加

関連記事

通知ダイアログのカスタマイズに便利なプラグインまとめ「20 Best JavaScript Notification Plugins」 Default Thumbnail新しくリリースされたjQueryプラグイン30「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」 Default ThumbnailWEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」 画像にズームエフェクトを簡単に実装できるjQueryプラグイン集「55+ Best Free jQuery Image Zoom Effect Plugins」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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