とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

モーダルウィンドウ実装の決定版。実装が超簡単、カスタマイズ性も高いモーダルウィンドウjQueryプラグイン「Modaal」

実装が超簡単、カスタマイズ性も高いモーダルウィンドウjQueryプラグイン「Modaal」

いまやほとんどのWebサイトやアプリで

導入されているUI「モーダルウィンドウ」

 

今回は超簡単に実装できてカスタマイズ性も高い、

jQueryプラグイン「Modaal」を紹介します。

 

最近では jQueryオワコンだなどという声も

ありますが、適材適所。

jQueryはなんだかんだで

便利なことに変わりないので

使えるものは使っていきましょう。

 

Modaal

GitHub - humaan/Modaal: An accessible dialog window library for all humans.

デモはこちら
http://humaan.com/modaal/

 

詳しい使い方は、下記の記事が参考になります。

on-ze.com

 

受託系のWebサイトのモーダルウィンドウの

実装はサクッと「Modaal」で実装するのが

よいと思います。

カスタマイズでだいたいこんなことやりたいとか、

こんな動きにしたい、という想定される動きの

ほとんどが実装できると思います。

 

使い勝手が似ているjQueryプラグインで

「Remodal」というのもあります。

「Remodal」は「Modaal」よりも若干軽量なので、

軽さ重視なら「Remodal」がおすすめです。

使い勝手はほぼ変わりません。

参考のため以下に貼っておきます。

 

Remodal

GitHub - vodkabears/Remodal: No longer actively maintained.

デモはこちら
http://vodkabears.github.io/remodal/

 

詳しい使い方はこちら

on-ze.com