English (United States)
See more
A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
Latest Version
Version
1.0.1
Update
October 10, 2017
Size
13.01KiB
Developer
Category
Users
10,000+ 
Rating
5 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Storage
See more
Storage
Outliner CSS Extension
After years of adding debug styles into projects to help debug structure and layout issues I spent an afternoon making the Outliner CSS chrome extension.
Outliner CSS is added to the current page on all elements with the option to switch between RGB colors and toggle background color opacity to highlight depth.
Read more
Outliner CSS is added to the current page on all elements with the option to switch between RGB colors and toggle background color opacity to highlight depth.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Outliner CSS", "description": "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.", "version": "1.0.1", "permissions": [ "activeTab", "storage" ], "browser_action": { "default_title": "Outliner CSS", "default_icon": "icon_19.png", "default_popup": "popup.html" }, "icons": { "128": "icon_128.png", "16": "icon_16.png", "48": "icon_48.png" }, "manifest_version": 2}
Read more
