no-image

JavaScript

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

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

umodal

デモ

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

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

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

umodal

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

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

最近の記事

  1. バレンシア風パエリア
  2. フロランショコラサンド
  3. マーナのfit歯ブラシ(カーブ)
  4. ドリッパー
PAGE TOP