Screenshots

Description

Add CSS Outline property to all elements on the page for debugging CSS Layout. 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. - The outline colors are randomized based on it's order on the page. - The colors are randomized by assigning different cumulative Hue degree and a fixed Saturation (99%) and Light (50%). - On deactivating, the extension will restore the old outline value if it was there, and remove the style HTML attribute if it wasn't there before activating.