SweetAlert2

JavaScript

カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2」

SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラートを実装することができます。エラーメッセージなどを、オシャレなアニメーション付きで表示したい人に最適です。

SweetAlert2

デモ

SweetAlert2を使っていないノーマルアラートと、SweetAlert2を使ったアラートの動作を比較してみると、その違いは一目瞭然です。SweetAlert2を使ったアラートでは、バウンスがついたアニメーションによる表示がとてもいい感じです。背景にはオーバーレイもかかります。

また、デモページにはさまざまなタイプのサンプルを見ることができます。タイトルとメッセージがついたもの、アラートが表示されてから2秒後に自動で非表示になるもの、jQuery・HTMLでカスタマイズしたものなど、たくさんのサンプルがあります。

メッセージとともに表示するアイコンもいくつかの種類が用意されていて、success、error、warning、info、questionといったものがあります。

また、セッティング可能なパラメーターの数もかなり豊富で、タイトルやテキストをはじめ、モーダルウィンドウの幅、余白、背景、タイマー、アニメーションなど、自分好みにカスタマイズして使いたい人にはピッタリの仕様といえます。

というわけで、優れたカスタマイズ性やアクセシビリティを備えたレスポンシブ対応のアラートを実装したい人は、ぜひ「SweetAlert2」をチェックしてみてください。

SweetAlert2

HR Navigation Responsive MenuWebアプリケーションに最適なレスポンシブ対応メニュー「HR Navigation Responsive Menu」前のページ

タブやアコーディオンを実装できるjQueryプラグイン「jpix」次のページno-image

関連記事

  1. Dropit

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  2. no-image
  3. Justified Gallery
  4. Image Figure Caption effects
  5. Inspiration for Menu Hover Effects
  6. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP