no-image

JavaScript

シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるjQueryプラグインです。メッセージ、アラート、プロンプト、ダイアログ、ポップアップ、通知など豊富な種類の機能が用意されています。

Fallr.js

デモ

デモではアラート、コンファーム、プロンプト、フォーム、フルスクリーン、スペシャルエフェクトなど数多くのサンプルが用意されています。各サンプルにある「demo」ボタンをクリックすることでその動作を見ることが可能です。また、サンプルごとにコードの記述例も載っているので助かりますね。

オプションも豊富で、buttons、icon、content、position、closeKey、closeOverlay、useOverlay、autoclose、easingDuration、easingIn、easingOut、height、width、zIndex、bound、afterHide、afterShowという項目のセッティングができます。

そのほか、メソッドにはshow、hide、resize、set、blink、shakeが用意されています。

Fallr.js

no-imageさまざまなSVGパターンによるCSSプログレスバー「Bars」前のページ

複数の写真を組み合わせて1枚にグリッドレイアウトできるiPhoneアプリ「Layout from Instagram」次のページLayout from Instagram

関連記事

  1. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  3. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  4. Radial Progress Bars

    JavaScript

    アニメーション付きのサークルプログレスバー「Radial Progress Bars」

    Radial Progress Barsは、アニメーション付きのサーク…

  5. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  6. no-image

    JavaScript

    かっこいいニュース・バナースライドショー実装「jQuery News Slider」

    jQuery News Sliderは、かっこいいニュース・バナースラ…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP