no-image

JavaScript

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

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

umodal

デモ

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

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

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

umodal

関連記事

  1. suitabs

    JavaScript

    横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

    suitabsはスライドショー&タブを実装することができるjQuery…

  2. Bricklayer

    JavaScript

    軽量なグリッドレイアウトを実装できる「Bricklayer」

    Bricklayerは軽量なグリッドレイアウトを実装することができるラ…

  3. Jquery Tab Plugin

    JavaScript

    シンプルで見やすいタブパネルを実装できる「Jquery Tab Plugin」

    Jquery Tab Pluginはシンプルで見やすく、そして操作しや…

  4. Pilpil

    JavaScript

    プログレッシブ形式で画像表示時間を短縮してくれる「Pilpil」

    Pilpilは、ページの画像表示の時間を短縮するためのJSライブラリで…

  5. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  6. PreViewTube.js

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP