I'm compiling a list of all properties regarding size and position that are available via javascript DOM api. Please take a look..
console.log($0.offsetWidth)
console.log($0.clientWidth)
console.log($0.scrollWidth)
console.log($0.getBoundingClientRect().width)
console.log(getComputedStyle($0).width)
console.log($0.clientLeft)
console.log($0.offsetLeft)
console.log($0.scrollLeft)
console.log(innerWidth)
console.log(outerWidth)
console.log(screenX, pageXOffset)
console.log(screenLeft)
console.log(screen.availWidth)
console.log(screen.width)
what else?
only criteria is that it can be used now, not a property that is no longer available in the browsers, doesn't matter if it's marked for deprecation, as they tend to be around decades.
Also UI visualization of all of them would be great