Micromodal - Tiny javascript library for creating accessible modal dialogs
Introduction Micromodal.js is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript It enables you to create WAI-ARIA guidelines compliant modal dialogs, with confidence and with minimal configuration. At just 1.9kb minified and gzipped, its a tiny library for big change. Following are some of the interactions handled by the library:- Closing modal on overlay click
jQuery非依存のVanilla JavaScriptモーダルウィンドウライブラリ Micromodal.js | Hypertext Candy
この記事では、JavaScript モーダルウィンドウライブラリ、Micromodal.js を紹介します。 Micromodal.js は以下の特徴を持っています。 軽量である（1.9 KB！） WAI-ARIA ガイドライン に則ったアクセシビリティ対応 ライブラリに依存しない Pure JavaScript で書かれている スタイルが自由（デフォルトの装飾が適用されていない） CSS が付属されていないのがサイトのテイストに合わせやすくて逆に嬉しいです。jQuery 製のライブラリは結構個性的な装飾ついちゃってること多い気がするので。Pure JavaScript なので Vue や React とも相性が良さそうです。 というわけで、ここから使いかたを紹介していきます。 Micromodal.js の使いかた インストール まずはインストール方法です。npm リポジトリおよび CD
【Vanilla JS】軽量かつシンプルなモーダルプラグイン『Micromodal.js』 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは。デザイナーの山田です。 激動の2020年が終わろうとしています。今年は本当に大変な1年でした。 来年の今頃はどうなっているのか、今の時点では全く想像ができません。 少しでも世の中が好転しているといいですね。 今回はプラグインのご紹介です。 JavaScriptの自己学習の中で色々なプラグインに巡り合うのですが、その中でも実務に取り入れたいと感じたものを見つけました。 今回の記事が、皆様の参考になれば幸いです。 Table of contents「Micromodal.js」の特徴インストール使い方オプションJavaScriptからモーダルを操作するおわりに「Micromodal.js」の特徴「Micromodal.js」は、jQueryを用いない、純粋なJavaScriptで作られています。 非常に軽量かつ、アクセシビリティにも対応しており、モダンなプラグインといえるでしょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
