css-diagnostics

Codacy Badge Codebeat Badge CodeFactor Badge DeepScan grade Analytics

CSS Diagnostics

Highlight potentially invalid or erroneous HTML markup.

An extension for Google's Chrome browser which highlights potentially invalid and erroneous HTML markup.

This extension uses a fork of the Holmes stylesheet.

Visitor stats

GitHub stars GitHub forks GitHub watchers GitHub followers

Code stats

GitHub code size in bytes GitHub repo size GitHub language count GitHub top language GitHub last commit

Installing from the Web Store

On Google Chrome

Visit Google Chrome's webstore

Click the Add to Chrome button.

On Mozilla Firefox

Visit Firefox add-ons website

Click on the + Add to Firefox button.

Installing from source

  1. Clone the repository: git clone https://github.com/scriptex/css-diagnostics
  2. Navigate to chrome://extensions and enable Developer Mode.
  3. Choose "Load unpacked extension"
  4. In the dialog, open the directory you just cloned.

Usage

Just click on the extension icon to turn on/off the diagnostics stylesheet.

You will see warnings in yellow rectangles and errors in red rectangles.

An explanation of the warning/error is given when you mouseover it.

Don't hesitate to file an issue if you find something wrong or would like help.

Contributing

Pull requests are welcome as long as they don't break the original idea of the extension.

LICENSE

MIT


Connect with me:

                     

Support and sponsor my work:


Go back

Send me your message