HTML Verify
A scss/CSS library to point out some bad or malformed HTML.
Browser Support
- Google Chrome 28+
- Mozilla Firefox 22+
- Apple Safari 5.1+
- Opera 16+
- Internet Explorer 9+
Installation
- via NPM:
npm install --save-dev html-verify
- via Component:
component install chrisopedia/html-verify
- via Bower:
bower install --save-dev html-verify
As a Git Submodule
git submodule add https://github.com/chrisopedia/html-verify.git path/to/ui_directory
- Add link:
<link rel="stylesheet" href="/path/to/html-verify/dist/html-verify.level{1 | 2 | 3}.css" />
Manual Download
Usage
Modes
- 0 => turn off
- 1 => show only errors
- 2 => show errors and warnings
- 3 => show errors, warnings and info
Using SCSS
;
Customize It
// Configure the colors for the outlines/background of tips ;// Configure the color of the text ; // include the mixin ; // call the mixin with the mode passed in // defaults to 0 (turned off)
Default Colors
;;
Contribute
Discover how you can contribute by heading on over to the CONTRIBUTING.md
file.
Documentation
Documentation is built as a Jekyll-based site that shows you examples of all of the ways poor code will trigger HTML Verify. In order to get it running, you'll need the following:
Requirements
Setup
npm install
npm start
- Open
127.0.0.1:<port>
Acknowledgements
HTML Verify is a project by Newton. Inspired by a few projects: