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 designed to simplify debugging layout and structure issues in website design. It allows developers to insert outlines in multiple colors to all website elements and provides the option to toggle background color opacity, highlighting depth and providing an intuitive sense of the website layout.

Download

Stats

By: tarah

View on Chrome Web Store

Users: 9,000+

Rating: 5.00 (9) ▲ 1 new ratings

Version: 1.0.1 (Last updated: 2017-10-10)

Creation date: 2017-10-10

Risk impact: Very low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 2

Permissions:

activeTab
storage

Size: 13.32K

Stats date:

Chrome-Stats Rank

# 10912 ▼ 80

Other rankings

#660 in Developer Tools ▼ 2 #59 in layout keyword 25 ▼ 1 #163 in debug keyword 30 ▼ 4

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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.

User reviews

Buy Chrome Extension Reviews Contact Information Telegram : @buysmmworld Skype : Buy Smm World WhatsApp: +60 18-942 3216

Agnes Tate, 2024-04-23

This is really helpful. Recommend for developers.

Arfin Zabed, 2022-10-15

Very well structured extension, but I need one feature where clicking on the extension icon it should change its color indicating that the extension is on, clicking on it again should remove the CSS outlines, great work keep it up