no-image

JavaScript

オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

simplertはオーバーレイによるシンプルで美しいアラートを実装することができるjQueryプラグインです。レスポンシブで表示される際のレスポンスもよく、使い方も簡単なことから手軽に実装可能です。

エラー、サクセス、アラートの3種類を用意

simplert

アラートのタイプは、エラー、サクセス、アラートの3種類が用意されています。実際のデモページには、テキストリンクにerror、success、alertがあり、各テキストリンクをクリックすると、それに応じたアラートが表示されます。

アラートはどれもシンプルで、余計な装飾もなくスッキリした見やすいデザインに仕上がっています。画面の背景にはオーバーレイもかかります。

new Simplert (
  'success', // タイプ
  'ここにメッセージ' // メッセージ
).show();

アラートのタイプには先ほども紹介した、error、success、alertの3タイプから指定することが可能です。

というわけで、さりげないオーバーレイとシンプルなデザインによるアラートを実装できるjQueryプラグイン「simplert」のご紹介でした。

NO IMAGEWAI ARIAに準拠したアクセシブルなアコーディオン「ARIA ACCORDION」前のページ

CSSやPNG形式に対応した180種類のグラデーションを活用できる「WebGradients」次のページWebGradients

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  2. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  3. NO IMAGE
  4. jsPanel

    JavaScript

    高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

    jsPanelは高度なセッティングができるフローティングパネル、モーダ…

  5. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  6. Foxholder

最近の記事

  1. スターバックス ハウスブレンド
  2. Anker PowerHouse 100
  3. ミニミニ温度計(シルバー)

アーカイブ

PAGE TOP