Why is this useful? Well if we are going to make our websites and applications simpler we need to have good visibility on our legacy. This approach is extremely effective in quickly visualizing grid layouts which a very simple way to managing positioning in modern browsers. See laying out a page with grid.
...
Copy pasting that code into the console of your browser will give you red outlines of the borders of every CSS object in your browser.
...