Mozilla has been nothing if not a little over communicative with regard to Firefox browser updates, which appear to have been emerging on an almost weekly basis as of late. But news this week may be more substantial, in developer terms at least, as new in-product developer tools have emerged designed to make it easier to visualize page elements with a 3D view of HTML elements in a website.
Compatible with Firefox for Windows, Mac, and Linux, the new developer options represent the structure of websites in a new way and make it easier to live-edit CSS code. Along with this news, Firefox has also benefitted from expanded Firefox Sync capabilities to let users sync add-ons across computers.
According to Mozilla, this visual layout tool is "unique" to Firefox. Page Inspector 3D View (nicknamed Tilt) is a WebGL-based website visualization tool that highlights the structure of a page better than a flat view, so web developers can understand the relationship of the code to the page output.
"While developer tools like 'view source' have always been useful to learn about how to develop a page, the 3D View more clearly illustrates how the parts of a website are structured. After selecting '3D' View in Page Inspector, just hover your mouse over the elements to get more information about each piece you select," said Mozilla.
Firefox also now includes the new Style Editor tool, which allows developers to edit CSS stylesheets like a text editor and see changes instantly, entirely within the browser. Once changes are made, the Firefox Style Editor provides a way to save the file to a user's computer.
Lastly, Firefox introduces Add-on Sync. Users now have the option to sync add-ons between computers to allow for a seamless experience across Firefox at work and at home. Users can enable this feature in the Preferences window on the Sync tab.