DiagnostiCSS

Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.

What is DiagnostiCSS?

DiagnostiCSS is a Chrome extension called DiagnostiCSS that helps visually detect invalid, inaccessible or erroneous HTML markup. It highlights inline styles and event attributes, invalid links, empty or deprecated elements, and elements missing required attributes.

Download

Extension stats

By: https://diagnosticss.github.io

View on Chrome Web Store

Users: 279 ▼ -2

Rating: 4.00 (4)

Version: 0.0.3 (Last updated: 2013-10-05)

Creation date: 2013-10-05

Risk impact: Moderate risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

activeTab
http://diagnosticss.github.io/css/diagnosticss.css

Size: 22.75K

URLs: Website

Ranking

# 51037 ▼ 359

Other rankings

#7935 in Developer Tools ▼ 29

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.

Extension summary

Analyze keywords

DiagnostiCSS highlights the following problems:

inline styles and event attributes
invalid links
empty or deprecated elements
elements missing required attributes

User reviews

I like the concept, but I rarely know why it's highlighting elements? All I see is the coloured borders, with no explanation of why they are the colour they are? is there a key somewhere that I've missed?