• Stars
    star
    750
  • Rank 58,228 (Top 2 %)
  • Language
    CSS
  • Created almost 11 years ago
  • Updated almost 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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. Go to the new hot pink, skull-festooned demo page.

More Repositories

1

inclusive-design-checklist

Aims to be the biggest checklist of inclusive design considerations ever
JavaScript
2,704
star
2

fukol-grids

CSS
1,467
star
3

forceFeed

JavaScript
517
star
4

bruck

A prototyping system built with web components and the Houdini Paint API
JavaScript
512
star
5

watched-box

JavaScript
327
star
6

Community-Icon-Font

To create a collaborative font using SVG
196
star
7

inclusive-menu-button

A keyboard and screen reader accessible ARIA menu button implementation.
JavaScript
187
star
8

design-tokens-cli

Set of design tokens and a custom properties parser for prototyping
JavaScript
170
star
9

cel-animation

A Sass @mixin for creating traditional frame-based animations, especially with SVG
CSS
155
star
10

beadz-drum-machine

A quantum, polymetric drum machine.
Vue
140
star
11

on-demand-live-region

JavaScript
128
star
12

ga11ery

Eleventy theme for showcasing photography and web comics
HTML
98
star
13

cress

JavaScript
83
star
14

readabilityCheckerCLI

A node CLI for checking how readable content is. Accepts a URL or HTML file.
JavaScript
70
star
15

xiao

A tiny, accessible, browser-driven single-page routing system.
JavaScript
57
star
16

react-sortable-table-demo

See the article here: https://inclusive-components.design/data-tables
JavaScript
39
star
17

react-theme-switch

JavaScript
28
star
18

css-scopulation-enterprise-max-ai

JavaScript
28
star
19

Inclusive-Components

Resources for the inclusive components blog (inclusive-components.design)
26
star
20

css-error-property-style

15
star
21

wai-aria-web-component

A "disclosure" (show/hide) web component using ARIA and built with Polymer
CSS
12
star
22

inclusive-inline-editable

JavaScript
9
star
23

buttonlike

A jQuery plugin for making clickable elements more accessible
JavaScript
8
star
24

typical-theme-wordpress

A responsive, resolution independent Wordpress theme with microdata support
CSS
8
star
25

AMA

Ask me anything
6
star
26

Squib-Font

A free font licensed under the Open Font License
6
star
27

heydonworks

HeydonWorks Wordpress theme
CSS
3
star
28

Accessible-Designer-Examples

Examples of creative, accessible design concepts.
HTML
3
star
29

ga11ery-example

HTML
2
star
30

ga11ery-michael

HTML
2
star
31

niace-stories-app

The alpha application for NIACE.
JavaScript
1
star
32

Redfoir

Freedom of Information Timeline Project
JavaScript
1
star