Add-ons › Extensions › Web Development
Layers
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 was archived for this extension.
Download
Works with Opera 11 or later.
About this extension
| Downloads | 7,405 |
|---|---|
| Category | Web Development |
| Version | 1.0 |
| Size | 13.1 KB |
| Last update | July 4, 2011 |
| License | Full license text |
| Original page | Internet Archive |
All versions
- layers-1.0-4.oex 13 KB (recovered copy)