I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides.
You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.
https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.
3D DOM viewer, copy-paste this into your console to visualise the DOM topographically. - dom3d.js
Complex websites are the funnest to look at, here's Twitter for example. Rendering the sides works fastest in Safari, oddly, but performance-wise Chrome and Firefox are a lot better for large websites.
You can use this view to programmatically pull out features, for example here are the “cards” of a Google search result, you can see how some of them are not like the others.
With sides enabled, you can see the skyline of your DOM.
Orion Reed
Bart Groeneveld