A totally awesome structure and layout debugger that inserts css outlines to all elements..
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.
You can Follow the below Step By Step procedure to install the Outliner CSS Chrome Extension to your Chrome Web browser.
It is the Outliner CSS Chrome extension download link you can download and install Chrome Browser.
Tags: Debug Structure , Layout Issues Spent , Afternoon Making , Inserts Css Outlines , Rgb Colors , Outliner Css , Debug Styles , Awesome Structure , Help Debug Structure , Layout Issues , Layout Debugger , Toggle Background Color Opacity ,
Outline the page.
Web page outliner as a mind map
Add outline to all the elements.
Save and restore your tabs and windows, and navigate tabs in a vertical view.
Most accurate web article table of contents generator!
Generates a navigable page outline with heading and sectioning elements
diigo outlienr chrome app
A extension that helps to see box model outlines
Displays a table of contents for pages and helps to navigate
Quickly check your Checkvist without leaving the page.