HTML5ではdialogという要素が追加され、これまで悪名高かったalertに代わる技術が生み出されています。しかしdialogはデザインやエフェクトを含め、全て自分で実装する必要があるため普及はまだしばらくかかりそうです。 そこで使ってみたいのがSweetAlertです。alertに代わるライブラリで、見た目も上品で格好いい仕上がりになっています。

SweetAlertの使い方

こちらがデフォルトのアラート。

こちらがSweetAlert。格好いいでしょ?

一番シンプルな表示。

テキスト付き。

アイコン付きも。

確認ダイアログ。

カスタムイメージもサポート。

SweetAlertは通常使っているアラートを置き換えて使える存在になるでしょう。反応しなければ何もできなくなってしまうalertとは違いますし、デザイン上のカスタマイズ幅も大きそうです。

SweetAlertはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

t4t5/sweetalert SweetAlert