実装が簡単で、動作も快適！CSSのみで実装されたアニメーションも気持ちいいモーダルボックス- Light Modal | コリス

2017/12/01 51 users スタイ コリス CSS モダンブラウザ 一昔前

一昔前までは、完全にJavaScriptの領域でした。 IE9+を含む、すべてのモダンブラウザで動作する、CSSで実装されたモーダルボックスを紹介します。 非常に軽量なので動作も快適、そして実装も簡単と3拍子揃ったスタイ ...記事の続きを読む 続きを読む

[JS]ぷるぷるとかわいいアニメーションでモーダルボックスを表示させるスクリプト -Stackbox | コリス

2014/07/04 54 users jQuery コリス メインページ スクリプト ぺら

ぷるぷるとかわいいアニメーションでモーダルボックスを表示させるjQueryのプラグインを紹介します。 ぷるぷるだけでなく、ぶらーんとさせたり、しゃかしゃかさせたり、ぺらっとさせたり、さまざまなものが揃っていて楽しいアニメーションが満載です。 Stackbox Stackbox -GitHub Stackboxのデモ Stackboxの使い方 Stackboxのデモ デモはメインページだけでなく、デ... 続きを読む

[JS]奥行きを与えてモーダルボックスを開くスクリプトを実用化したスクリプト -Avgrund Modal | コリス

2012/08/30 32 users コリス Step 奥行き スクリプト 作者

元となった：Avgrund 作者のメモには、実用のためではなく楽しむ用、とのことで、確かにIEなどの非対応ブラウザではエラーがでるだけです。 「Avgrund Modal」は、非対応ブラウザの処理やより簡単に実装できるように実用化したものです。 Avgrund Modalのデモ デモは全てのモダンブラウザで動作します。 デモページ：IE7で表示 Avgrund Modalの使い方 Step 1: ... 続きを読む

[JS]モーダルウインドウを設置するスーパーシンプルなスクリプト -leanModal | コリス

2011/07/05 89 users コリス ログインフォーム モーダルウインドウ jQuery

モーダルウインドウを設置する必要最小限のカスタマイズを備えた超軽量のjQueryのプラグインを紹介します。 デモページ：サインアップフォーム leanModalの主な特徴 モーダルウインドウが簡単に実装できます。 超軽量（780バイト）です。 幅と高さをカスタマイズできます。 画像は使用しません。 1ページに複数のモーダルボックスを設置できます。 ログインフォーム、サインアップフォーム、アラートパ... 続きを読む

Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic

2007/03/31 584 users jQuery Goodpic mootools ライブラリ

このブログでも使っている、写真の拡大表示をモーダルボックスでできるlightbox.js。似たようなライブラリって、結構あったよな〜と気軽に調べ始めたら、ものすごい量。利用しているjavascriptライブラリでは、prototype.js と mootools が２大勢力みたいですね。この二つのライブラリのユーザが、お互いにインスパイアされながら、どんどん発展していった風。そこにJQueryとY... 続きを読む