Skip to content

A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.

Notifications You must be signed in to change notification settings

AmyAmy/REVENGE.CSS

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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 has 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.

javascript:(function(){revenge=document.querySelector('link[href="https://rawgithub.com/AmyAmy/REVENGE.CSS/master/revenge.css"][rel="stylesheet"][media="all"]');if(revenge!=null){revenge.parentElement.removeChild(revenge);}else{revenge=document.createElement('LINK');revenge.href='https://rawgithub.com/AmyAmy/REVENGE.CSS/master/revenge.css';revenge.rel='stylesheet';revenge.media='all';document.body.appendChild(revenge);}})();

Or, go to the original hot pink, skull-festooned demo page.

About

A CSS bookmarklet that puts pink error boxes (with messages in comic sans) everywhere you write bad HTML.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%