Firefox Adds New Developer Tools and Add-on Sync

Firefox for Windows, Mac and Linux adds new in-product developer tools that make it easier to visualize page elements. Firefox also expands Firefox Sync capabilities to let users sync add-ons across computers.

Firefox includes new developer tools that represent the structure of websites in a new way and make it easier to live-edit CSS code. The first is a powerful visual layout tool unique to Firefox, Page Inspector 3D View. Nicknamed Tilt, it is a brand new WebGL-based website visualization tool that highlights the structure of a page better than a flat view, so anyone can immediately 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.

Firefox 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.
It’s a quick and easy way to iterate and test designs on a website. Once changes are made, the Firefox Style Editor provides a simple way to save the file to your computer.

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.

For more information: