Add-ons › Extensions › Web Development

Layers

by andreasbovens · (10 ratings)

This extension generates a topographic view of any web page and visualizes how its different elements are layered on top of each other.

Description

This extension installs a small button, which when clicked, applies a custom stylesheet on the web page you are viewing. The stylesheet is constructed in such a way that you'll immediately get a better understanding of how the page's different elements relate to each other, where they overlap, and how deeply they are nested - the darker the color, the deeper the nesting. This is useful for CSS debugging, as you can see at a glance which page elements need further fine-tuning. Extension template by Daniel Davis & Sergey Kolosov from http://goo.gl/qscer. Icon by Rokey from http://goo.gl/aF4NQ
No screenshot

No screenshot was archived for this extension.

Download

Download 1.0

Works with Opera 11 or later.

About this extension

Downloads7,405
CategoryWeb Development
Version1.0
Size13.1 KB
Last updateJuly 4, 2011
LicenseFull license text
Original pageInternet Archive

All versions