no-image

JavaScript

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

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

umodal

デモ

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

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

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

umodal

no-image立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」前のページ

jQueryとCSS3を使った縦型アコーディオン「Accordion-menu」次のページno-image

関連記事

  1. no-image

    JavaScript

    固定されたフローティングメニューを実装できる「jquery-dice-menu」

    jquery-dice-menuは、固定されたシンプルなフローティング…

  2. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  3. linkunderline

    JavaScript

    テキストリンクにアンダーラインのアニメーションを実装できる「linkunderline」

    linkunderlineは、テキストリンクにアンダーラインを引くアニ…

  4. textwriteout

    JavaScript

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

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  5. Vertical Fixed Navigation #2

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP