jquery.alertはレスポンシブに対応したモーダルウィンドウ風のアラートを実装できるjQueryプラグインです。モーダルウィンドウのように表示されるので、アラートがどこか穏やかな感じになりますね。
jquery.alert
jquery.alertのダウンロードや詳しい使い方は以下のページからチェックできます。ダウンロードしたファイルから実際のデモ動作も見ることが可能です。
デモでは右上に設置されている「DEMO」ボタンをクリックするとアラートが表示されます。アラート画面の背景（オーバーレイがかかっている部分）がスライドアニメーションで上から降りてきて、それと同時にアラートがフェードで表示されます。
モーダルウィンドウのようなアラートがとてもかっこいいですね。「ACCEPT」ボタンかアラートの外側をクリックすると、元の状態に戻ります。escキーにも対応しているので、ここから元の状態に戻すことも可能です。
また、jquery.alertはレスポンシブにも対応しています。モバイル版ではアラート画面全体がフェードで表示されます。右上にバツ印のアイコンがあり、「ACCEPT」ボタンかこのバツ印のアイコンをクリックすると、元の状態に戻ります。モバイル版は画面全体がアラート画面になるので、小さい画面でも見やすくて操作しやすいところがいいですね。
パラメーターには、attachAfter、title、template、confirmText、confirmStyle、callbackといった項目が用意されていて、ちょっとしたカスタマイズを行うことが可能です。実装方法もわかりやすく簡単に使えるところがいいですね。
パソコンからでもスマホからでも見やすいモーダルウィンドウ風のレスポンシブに対応したアラートを実装したい人は、ぜひ「jquery.alert」を活用されてみてはいかがでしょうか。
