Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scriptex/css-diagnostics

Highlight potentially invalid or erroneous HTML markup
https://github.com/scriptex/css-diagnostics

chrome-extension css-diagnostics diagnostics markup-diagnostics

Last synced: about 2 months ago
JSON representation

Highlight potentially invalid or erroneous HTML markup

Host: GitHub
URL: https://github.com/scriptex/css-diagnostics
Owner: scriptex
License: mit
Created: 2019-04-10T09:32:59.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2022-09-09T09:20:35.000Z (over 2 years ago)
Last Synced: 2024-10-13T18:28:39.184Z (3 months ago)
Topics: chrome-extension, css-diagnostics, diagnostics, markup-diagnostics
Language: CSS
Homepage: https://atanas.info/portfolio/open-source/css-diagnostics
Size: 70.3 KB
Stars: 3
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

README

        [![Codacy Badge](https://app.codacy.com/project/badge/Grade/34d3d75710534dc6a38c3584a1dcd068)](https://www.codacy.com/gh/scriptex/css-diagnostics/dashboard?utm_source=github.com&utm_medium=referral&utm_content=scriptex/css-diagnostics&utm_campaign=Badge_Grade)

[![Codebeat Badge](https://codebeat.co/badges/d765a4c8-2c0e-44f2-89c3-fa364fdc14e6)](https://codebeat.co/projects/github-com-scriptex-css-diagnostics-master)

[![CodeFactor Badge](https://www.codefactor.io/repository/github/scriptex/css-diagnostics/badge)](https://www.codefactor.io/repository/github/scriptex/css-diagnostics)

[![DeepScan grade](https://deepscan.io/api/teams/3574/projects/5257/branches/40799/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=3574&pid=5257&bid=40799)

[![Analytics](https://ga-beacon-361907.ew.r.appspot.com/UA-83446952-1/github.com/scriptex/css-diagnostics/README.md?pixel)](https://github.com/scriptex/css-diagnostics/)

# 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](https://github.com/redroot/holmes) stylesheet.

## Visitor stats

![GitHub stars](https://img.shields.io/github/stars/scriptex/css-diagnostics?style=social)

![GitHub forks](https://img.shields.io/github/forks/scriptex/css-diagnostics?style=social)

![GitHub watchers](https://img.shields.io/github/watchers/scriptex/css-diagnostics?style=social)

![GitHub followers](https://img.shields.io/github/followers/scriptex?style=social)

## Code stats

![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/scriptex/css-diagnostics)

![GitHub repo size](https://img.shields.io/github/repo-size/scriptex/css-diagnostics?style=plastic)

![GitHub language count](https://img.shields.io/github/languages/count/scriptex/css-diagnostics?style=plastic)

![GitHub top language](https://img.shields.io/github/languages/top/scriptex/css-diagnostics?style=plastic)

![GitHub last commit](https://img.shields.io/github/last-commit/scriptex/css-diagnostics?style=plastic)

## Installing from the Web Store

### On Google Chrome

Visit [Google Chrome's webstore](https://chrome.google.com/webstore/detail/css-diagnostics/peaeggimiceafdnmebnjlfljfnjngfkf)

Click the `Add to Chrome` button.

### On Mozilla Firefox

Visit [Firefox add-ons website](https://addons.mozilla.org/en-US/firefox/addon/css-diagnostics/)

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](https://github.com/scriptex/css-diagnostics/issues/new) 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: