iziModal

JavaScript

エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」

iziModalはエレガント・レスポンシブ・フレキシブルなモーダルウィンドウを実装できるjQueryプラグインです。洗練されたデザインで、アニメーションもとても優雅。さらに容量も軽量ということで、これからモーダルウィンドウを実装したいという人には、有力な候補になるのではないでしょうか?

iziModal

デモ

ページ内には、Default、Iframe、Custom、Alert like、Alert like II、Large Contentというサンプルが用意されています。

一般的なテキストの表示から、動画、フォーム、アラート、長文などさまざまなコンテンツを美しいモーダルウィンドウで魅せることができます。

モーダルウィンドウの立ち上がりや終了時のアニメーションが、とても滑らかでオシャレですね。シンプルでエレガント、それでいてレスポンシブ対応なので、ハイセンスなモーダルウィンドウをサクッと実装したい人にはピッタリですね。とくにエレガントなサイトとの相性はバツグンだと思います。

またオプションも豊富に用意されており、タイトルやサブタイトルをはじめ、テーマ、ヘッダーカラー、オーバーレイカラー、アイコンカラー、幅、フルスクリーンなど、さまざまなセッティングが可能です。好みにあわせてカスタマイズできるのも、うれしいポイントですね。使い方もわかりやすくてグッドです。

iziModal

関連記事

  1. Smooth Anchor Scrolling

    JavaScript

    ページ内リンクをスクロールできる「Smooth Anchor Scrolling」

    ページ内リンクをスムーズにスクロールできる「Smooth Anchor…

  2. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  3. Multi-Step-Form-Js
  4. JavaScript

    シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQu…

    jQueryスライダーのネタが多いですが、今日もまたスライダーのプラグ…

  5. Hover Carousel

    JavaScript

    超軽量なホバーカルーセルを実装できる「Hover Carousel」

    Hover Carouselは超軽量なホバーで動作するカルーセルを実装…

  6. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP