Outliner CSS
A totally awesome structure and layout debugger that inserts CSS outlines to all elements.
What is Outliner CSS?
Outliner CSS is a Chrome extension developed by tarah, and its main feature is "A totally awesome structure and layout debugger that inserts CSS outlines to all elements.".
Extension Screenshots
Download Outliner CSS Extension CRX File
Download Outliner CSS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Outliner CSS |
| ID | epodomlablfiehjgajhlhbdhidlkokaj |
| Official URL | https://chromewebstore.google.com/detail/outliner-css/epodomlablfiehjgajhlhbdhidlkokaj |
| Description | A totally awesome structure and layout debugger that inserts CSS outlines to all elements. |
| File Size | 13.01 KB |
| Installation Count | 9,566 |
| Current Version | 1.0.1 |
| Last Updated | 2017-10-10 |
| Publish Date | 2017-10-10 |
| Rating | 5.00/5 Total 8 Ratings |
| Developer | tarah |
| Payment Type | free |
| Supported Languages | en-US |
| 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
} | |
