Outliner CSS
A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Add CSS Outline property to all elements on the page for debugging CSS Layout.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
A Chrome Extension for adding CSS Outline property (with different colors) to all elements on the page.
Source Code:
https://github.com/MohannadNaj/outline-all-elements
Mainly this is useful for debugging CSS Layout and discovering potential issues.
Notes:
- Click the extension icon for activating/deactivating.
Inspect the latest comments and rating distribution.
Store average score: 5.0. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Adds Outlines to Elements
You can see website layers with different colors easily
Outline HTML elements with a colorful border without affecting the layout to inspect website structure.
Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.
See through the DOM to visually debug CSS positioning.