coryroloff's environment-badge at master - GitHub

WEBアプリの開発環境であることを分かりやすくバッジ表示できるjQueryプラグイン。
プラグインを読み込んで初期化すると次のように右上に固定でバッジを表示することができ、今自分が開発環境で作業していることをより分かりやすくすることが出来ます。



クリックするとサーバの情報等を追加で表示させることも可能です。



スクリプト側で、開発環境の場合はこのjQueryプラグインを呼び出すように設定しておくと、開発している状況・環境にもよりますが、謝って本番環境で作業してしまうというのを防ぐことも出来るケースがありそう。
開発・本番の分けというのを示すためだけではなく、利用者に対する通知としてのインタフェース実装に使ってもよい気がしますね。

関連エントリ

• Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」
• サイト内にTwitter投稿用のフォームを直接埋め込んでしまえるjQueryプラグイン「Like it? Tweet it!」
• Flashばりのカッコいいテキストアニメーションを簡単作成可能なjQueryプラグイン「jOla」
• 指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」