border を可視化して、CSS の調整をやりやすくする

* {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

いやまぁ、考えてみればめっちゃ当たり前のテクニックなんですけど、さっきこの手法を思いつくまで 10 年くらいずっとデベロッパーツールで頑張って調整してました……（´・ω・`）.;:…（´・ω...:.;::..（´・;::: .:.;: ｻﾗｻﾗ..

追記

Ryosuke さんから、borderだとレイアウトが若干変化してしまうので box-shadow を使ったほうが良いと教えていただきました！ 天才か……😳

* {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

✌