Micromodal.js

JavaScript

アクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」

Micromodal.jsは、アクセシブルでファイル容量も軽量なモーダルダイアログを実装することができるJavaScriptライブラリです。jQueryなどを必要とせず、ピュアなJavaScriptで作られているのがいいですね。動作もスムーズでとても使いやすいモーダルダイアログです。

Micromodal.js

デモ

デモページでは「Demo Modal」と書かれたボタンをクリックすると、モーダルダイアログがスライドアップとともに立ち上がります。さりげないアニメーションでとてもスムーズに動作するほか、背景にはオーバレイがかかりモーダルダイアログに視線が集中しやすいです。

クローズボタン、または右上のバツ印かモーダルウィンドウ外をクリックすると閉じられます。escキーからも閉じることができます。操作もシンプルでとても使いやすいです。

Micromodal.js

関連記事

  1. JavaScript

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

  2. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  3. JavaScript

    Google マップを簡単でシンプルに使えるようにしてくれる「gmaps.js」

    Google マップをとても簡単に扱えるようにしてくれるgmaps.j…

  4. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

  5. raccordion

    JavaScript

    レスポンシブにも対応!アコーディオンのイメージスライダーを実装できるjQueryプラグイン「racc…

    レスポンシブにも対応しているjQueryプラグインのアコーディオンのイ…

  6. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP