A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.
CSS
Latest commit d82ad7a Jul 26, 2015 @Heydon Merge pull request #16 from jibbius/master
Fix typos ( including #14 ).
Permalink
Failed to load latest commit information.
.gitattributes Publishing Jul 24, 2013
.gitignore Publishing Jul 24, 2013
README.md Link to gross demo page in README Aug 22, 2013
revenge.css Fix typos ( including #14 ). Jul 7, 2015

README.md

REVENGE.CSS

The premise of revenge.css is simple: A CSS bookmarklet that uses selectors to find bad markup, displaying ugly pink error messages in comic sans serif wherever you write bad HTML. If you activate the bookmarklet and the page gets lots of pink blotches, the author will have included at least one of the following:

  • Misplaced <div>s
  • Deprecated elements
  • Malformed hyperlinks
  • Inaccessible forms
  • Empty elements
  • Inaccessible images
  • Missing ARIA landmarks
  • Badly authored sectioning elements
  • Erroneous lists
  • Obsolete attributes

Try the bookmarklet

GitHub won't let me use javascript in my README. Pretty sensible. Go to the new hot pink, skull-festooned demo page.