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 Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  2. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  3. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

  4. Material ScrollTop Button
  5. JQuery lightSlider

    JavaScript

    軽量でレスポンシブなサムネイルナビ付きのスライダー「JQuery lightSlider」

    JQuery lightSliderは軽量でレスポンシブに対応したサム…

  6. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP