no-image

JavaScript

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

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

umodal

デモ

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

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

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

umodal

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

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

関連記事

  1. Scroll To Top Then Fixed Navigation Effect With jQuery and CSS
  2. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  3. Ink Transition Effect

    JavaScript

    インクをこぼしたようなエフェクトを実装できる「Ink Transition Effect」

    Ink Transition Effectはインクがこぼれて広がったよ…

  4. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  5. infiniteSlider2.js
  6. MenuSpy

    JavaScript

    セクションビュー対応のナビゲーションメニュー実装「MenuSpy」

    MenuSpyは、ナビゲーションメニューを作成するためのjsライブラリ…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6
  4. Apple Watch Series 6
  5. iPad Air

アーカイブ

PAGE TOP