bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptアクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」JavaScript2017.10.10アクセシブルで軽量なモーダルダイアログを実装できる「Micromodal.js」Micromodal.jsは、アクセシブルでファイル容量も軽量なモーダルダイアログを実装することができるJavaScriptライブラリです。jQueryなどを必要とせず、ピュアなJavaScriptで作られているのがいいですね。動作もスムーズでとても使いやすいモーダルダイアログです。Micromodal.js以下のページからMicromodal.jsの実際のデモ動作をチェックできます。Modal」と書かれたボタンをクリックすると、モーダルダイアログがスライドアップとともに立ち上がります。さりげないアニメーションでとてもスムーズに動作するほか、背景にはオーバレイがかかりモーダルダイアログに視線が集中しやすいです。クローズボタン、または右上のバツ印かモーダルウィンドウ外をクリックすると閉じられます。escキーからも閉じることができます。操作もシンプルでとても使いやすいです。使い方も分かりやすいので、気になる方はぜひチェックしてみてはいかがでしょうか?Micromodal.jsのライセンスはMITとのこと。詳しい実装方法やダウンロードは、以下のページからどうぞ。Stacksはカードスタッ...JavaScriptスクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh...スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ...JavaScriptフリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」jAnimateはフリップやバウンスなどといったアニメーションを要素に...JavaScript自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」Pongstagr.amは自分のインスタグラムの画像をWebサイトに表...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。