Zenn
Open11

MacのアプリやChromeの拡張機能

TCTC

画面上にドメイン毎でlocalやprodだとすぐにわかる帯を表示する。開発や本番環境が同じ画面の場合、誤って本番環境を操作しないようにするために使う。
https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=ja

Stylebotでの記述例

body::after {
  content: 'prod';
  text-align: center;
  font-size: 100px;
  display: block;
  background: #fa8383;
  color: #fff;
  position: absolute;
  width: 600px;
  height: 200px;
  line-height: 200px;
  z-index: 99999;
  top: 200px;
  right: -6px;
  pointer-events: none;
  opacity: .7;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}