Micromodal.js

JavaScript

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

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

Micromodal.js

デモ

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

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

Micromodal.js

no-image指定したテキストをハイライトとタイピング効果で表示できる「typeLighter.js」前のページ

幻想的なバブル背景アニメーションを実装できる「bubbly-bg」次のページbubbly-bg

関連記事

  1. Parazoom

    JavaScript

    クールに拡大・チルトする画像ズーム「Parazoom」

    Parazoomはクールに拡大・チルトする画像ズーム機能を実装できるj…

  2. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  3. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  4. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  5. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  6. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP