なんてことのない話ではありますが、マークアップのデバッグ方法の紹介です。 簡単だしちょっと便利なのでたまーに使うんですが、先日同僚が「なるほどー便利っすね」と知らなかったようなのでちょっと紹介してみます。 (メジャーなやり方なのかどうなのかよくわからないけども) *{border: 1px solid #f00 !important;} cssにこれだけ追記して終わり。 見た目は↓こんな感じに、すべての要素に真っ赤なボーダーが付きます。 スマホ対応とかで横スクロールが5pxくらい出ちゃってる〜! どこだ〜! デベロッパーツール使ってもわからない〜! そんな見つけにくい “はみ出し系” を探すのにちょっと便利です。 知らなかった〜って人は使ってみるとちょっと幸せになれるかもしれません。 追記 borderだと要素の大きさに影響するのでoutline の方が良いかもと社内でナイスな意見が出たの
![たまに使うと便利なマークアップの原始的デバッグ方法 - FICC Workbook](https://cdn-ak-scissors.b.st-hatena.com/image/square/83c683688510e7665d6ffaee4a57324d47fd3e4d/height=288;version=1;width=512/http%3A%2F%2Fmedia.tumblr.com%2F24065462dd666a36b5a9beec5c3e7781%2Ftumblr_inline_nc360muYGO1r6r7gg.png)