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. Recursive Hover Nav
  2. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  3. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  4. JavaScript

    jQueryでCSSを複数の値で設定するやり方やクラスの追加や削減など色々

    jQueryのCSS操作で複数の値を渡したい時はハッシュ形式にすると便…

  5. tabellajs

    JavaScript

    タッチ対応のレスポンシブなテーブルを実装できる「tabellajs」

    tabellajsはタッチに対応したレスポンシブで操作性のよいテーブル…

  6. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP