Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/aganglada/htmlintred

🚦 Lint HTML with CSS
https://github.com/aganglada/htmlintred

a11y css dom html html-linter linter

Last synced: 3 months ago
JSON representation

🚦 Lint HTML with CSS

Awesome Lists containing this project

README

        

# 🚦 htmlintred

When we write html incorrectly, no much happens, no one will complain about it.

There are many ways to check if your html is written correctly, like for example using the [W3C Markup Validation Service](https://validator.w3.org/)
but something better we can do id integrate that into our development workflow, such as simply
adding a css file into our project to highlight potencial problems.

![htmlintred](https://preview.ibb.co/fN0FGF/Screen_Shot_2017_03_14_at_09_22_56.png)

### How can I do that?

```bash
$ npm install htmlintred
```

or

```bash
$ yarn add htmlintred
```

### What does it do?

Add this css in the dev version of your project and... 🔥🔥🔥

**htmlintred** will highlight the bits that you need to take a loot at with a red border.

### Contributing

**Do you know any other patter that can help linting html?**

I would love to see you contributing to htmlintred, also by giving feedback.
If you think something is missing, [create a new issue](https://github.com/aganglada/htmlintred/issues).

[Pull request](https://github.com/aganglada/htmlintred/pulls) are more than welcome ❤️️

### License

MIT