DiagnostiCSS
Item logo image for DiagnostiCSS

DiagnostiCSS

diagnosticss.github.io
4.0(

4 ratings

)
Item media 1 screenshot

Overview

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

DiagnostiCSS highlights the following problems: * inline styles and event attributes * invalid links * empty or deprecated elements * elements missing required attributes

4 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Matthew ClarkNov 6, 2013

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?

3 out of 3 people found this helpful

Details

  • Version
    0.0.3
  • Updated
    October 5, 2013
  • Size
    22.22KiB
  • Languages
    English
  • Developer
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Related

BrowseRules

4.2(4)

Customize the websites you frequent. Use the control panel to create rules - Browser Rules - with Javascript or Jquery and css.

Link Audit Checker, find invalid content.

4.1(8)

This extension validates links, checks HTTP status codes and can search linked content to help you find problems with your website

CSS remove and combine

2.3(115)

Removes unused selectors from all stylesheets on a page and combines the result into a single stylesheet that can be downloaded

DevTools Classes & Atributes panel

5.0(4)

Toggle classes and attributes

Errator

1.0(1)

Errator brings javascript errors front and center.

performance-HTML

4.4(8)

This extensions displays some technical and structural performance data of websites.

StyleStir

3.0(2)

Get a quick overview of style tags.

Gitrec

4.2(4)

Get repository recommendations on Github

Finding patterns

3.2(5)

Look for patterns inside HTML, JS, CSS and AJAX code

View Crit CSS

4.5(2)

Toggle external stylesheets to only see inline CSS

App Instance Tags

4.7(6)

Tag all instances of web apps you're developing so you never end up messing with the wrong one.

Performance Toolkit

5.0(1)

Performance Toolkit for Chrome Devtools. A visualization of the performance timing.

BrowseRules

4.2(4)

Customize the websites you frequent. Use the control panel to create rules - Browser Rules - with Javascript or Jquery and css.

Link Audit Checker, find invalid content.

4.1(8)

This extension validates links, checks HTTP status codes and can search linked content to help you find problems with your website

CSS remove and combine

2.3(115)

Removes unused selectors from all stylesheets on a page and combines the result into a single stylesheet that can be downloaded

DevTools Classes & Atributes panel

5.0(4)

Toggle classes and attributes

Errator

1.0(1)

Errator brings javascript errors front and center.

performance-HTML

4.4(8)

This extensions displays some technical and structural performance data of websites.

StyleStir

3.0(2)

Get a quick overview of style tags.

Gitrec

4.2(4)

Get repository recommendations on Github

Google apps