DiagnostiCSS

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

DiagnostiCSS - Chrome Extension for Visual HTML Markup Diagnostics

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

Users: 257

-12

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

# 52,258 ▼ 358

Other rankings

#8067 in Developer Tools ▼ 36

Other platforms

Not available on Android

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?