HTML JavaScript CSS
Permalink
Failed to load latest commit information.
dist
lib removing markup in label Mar 7, 2017
mocks adding another mock Mar 7, 2017
src updating jQuery version check Mar 29, 2017
.babelrc
.gitignore
.npmignore
LICENSE
README.md removing gh-pages merge step Feb 22, 2017
_config.yml Set theme jekyll-theme-slate Feb 22, 2017
cli-output-verbose.jpg
gulpfile.js revising tests setup Mar 7, 2017
html-lint.js reusing tests across bookmarklet and CLI Mar 7, 2017
package.json 2.4.1 Mar 7, 2017

README.md

HTML-Lint

HTML-Lint is a tool designed to supplement HTML validation by identify coding practices that pass validation, but are less than ideal.

How to Use:

Option 1: Bookmarklet

  1. Copy the code below:
javascript: (function(){'use strict';var script = document.createElement('script');script.src = 'https://curtisj44.github.io/HTML-Lint/dist/htmlLint.min.js';script.id = 'html-lint-js';document.body.appendChild(script);}());
  1. Create a new bookmark.
  2. Set the name to “HTML-Lint” and paste the above as the URL.

Option 2: CLI

Sample verbose output

Available on NPM: npmjs.com/package/html-lint: npm install html-lint -g.

Usage

html-lint <url> <filename>

Options

--strict     Return a non-zero exit code if lint errors are found
--verbose    Enable verbose output

Examples

html-lint http://www.google.com
html-lint http://www.google.com --verbose
html-lint http://www.google.com foo

Development

Getting Started

  1. Have the following requirements installed: Node, NPM, and PhantomJS
  2. Clone the repo: git clone https://github.com/curtisj44/HTML-Lint.git
  3. Run npm install
  4. Run gulp

Tasks

  • gulp → compiles Sass to CSS, concatenates JS, minifies CSS and JS, and watches
  • gulp watch → runs default gulp task and then watches for changes