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. jquery countDownTimer
  2. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

  3. universal-tilt.js

    JavaScript

    パララックスなど多彩なチルト効果を実装できる「universal-tilt.js」

    universal-tilt.jsはパララックスやスケールなど多彩なチ…

  4. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  5. 4PXMMenu

    JavaScript

    滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

    4PXMMenuはモバイルサイトに最適なメニューを実装することができる…

最近の記事

  1. メンソレータム リップスティック
  2. スイデンテラス 濃厚バターチキン
  3. ドトール マンデリン
  4. 厚切りトーストツナチーズメルトとブラックコーヒー
  5. ドトール マイルドブレンドコーヒー

アーカイブ

PAGE TOP