DomScape: 3D web development - An integrated visualization of code and layout

Abstract

This study has investigated DomScape, a front-end web-development tool that visualizes web pages as three-dimensional structures by combining code with presentation. An experiment was performed to compare DomScape with Firebug, a popular web development tool. On three of four tasks DomScape was faster than Firebug. The results were likely due to the more unified approach of DomScape, which makes it easier to select and interpret elements and to understand how an element contributes to the layout of the web page.