no-image

JavaScript

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

umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装できるjQueryプラグインです。ファイル容量も軽量でレスポンシブにも対応しているので、モバイルからの閲覧にも最適ですね。

umodal

デモ

デモではテキストコンテンツを表示するモーダルウィンドウや画像を表示するモーダルウィンドウなど、いくつかのサンプルが用意されています。

モーダルウィドウが表示されると、背景が白や黒でスッキリするのでコンテンツに集中しやすい状態になります。右上にあるバツ印をクリックすると、モーダルウィンドウを閉じることが可能です。

余計な装飾も一切なく、かなりシンプルで洗練されたモーダルウィンドウを実装できます。シンプルがゆえに様々なサイトデザインに合いそうですね。

umodal

関連記事

  1. no-image
  2. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

  3. EasyZoom

    JavaScript

    タッチ対応で画像拡大やパンもできるjQueryプラグイン「EasyZoom」

    EasyZoomはタッチにも対応したモバイルフレンドリーな、画像拡大や…

  4. jQuery Smart Placeholder
  5. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  6. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP