Simply Modal Box

JavaScript

高いカスタマイズ性を備えたモダンダイアログライブラリ「Simply Modal Box」

Simply Modal Boxは高いカスタマイズ性を備え、JavaScriptとCSS3を使ったモダンダイアログライブラリです。レスポンシブにも対応しているのでモバイルデバイスでもバッチリです。

Simply Modal Box

デモ

デモでは、デフォルトのものからiframeを用いたものなど、いろんなタイプが用意されています。カスタマイズ性に優れているので、様々なダイアログを作れるのが便利ですね。

クリーンなコードで軽量・シンプルに仕上がっているところも嬉しいところ。使い方もわかりやすく気軽に実装できそうです。

エフェクトには、fadein、slideRight、slideBottom、fall、flid3d、scale、newspaper、d3rotate、horizontal-3dといった種類が用意されています。

また、オプションもいろいろあり、title、description、setTimeout、classSet、close、buttonNameSet、effect、classBtn、defaultW、defaultH、cookieという項目のセッティングが可能です。

Simply Modal Box

How satisfied are you? Sliderスライダーの位置でアイコンが変化する「How satisfied are you? Slider」前のページ

テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」次のページtextwriteout

関連記事

  1. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  2. TyperText

    JavaScript

    テキストタイピングエフェクトを実装できる「TyperText」

    TyperTextはテキストタイピングエフェクトを実装できるjQuer…

  3. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  4. Modaal

    JavaScript

    アクセシビリティに優れたモーダルウィンドウを実装できる「Modaal」

    ModaalはWCAG 2.0のレベルAAをサポートしているアクセシビ…

  5. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  6. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

最近の記事

  1. 生ハム&モッツァレラチーズ サラダラップ
  2. コガネムシ
  3. ショルダーハム&5種の野菜サンドイッチ
  4. ジョン・リーチ マグカップ
PAGE TOP