On the Subject of Writing Defiant Web Design
Elements: body, a, h3, blockquote IDs: #header, #comments Classes: .post, .title, .author T: 0, 255, 0 |
Elements: div, span, img, a IDs: #msg, #cover, #content, #sidebar Classes: .post, .title, .share T: 128, 64, 192 |
Elements: div, img IDs: #main, #comments, #fullview Classes: .username, .share, .large T: 186, 218, 85 |
Elements: ul, ol, img, b, i IDs: #sidebar Classes: .avatar, .username T: 3, 230, 30 |
Elements: div, iframe, b, i IDs: #main, #rating, #comments Classes: .username, .share, .channel T: 96, 6, 30 |
Elements: body, iframe IDs: #rating, #comments Classes: .rating, .fullscreen T: 80, 19, 55 |
Elements: div, h3, img, iframe IDs: #sidebar, #download Classes: .menu, .author T: 176, 32, 229 |
Elements: body, div, img, blockquote IDs: #header, #content, #sidebar Classes: .avatar, .reply T: 190, 166, 30 |
| Color | V | Color | V | Color | V |
|---|---|---|---|---|---|
| Red | 255, 0, 0 | Green | 0, 255, 0 | Blue | 0, 0, 255 |
| Yellow | 255, 255, 0 | Orange | 255, 165, 0 | Purple | 128, 0, 128 |
| White | 255, 255, 255 | Gray | 128, 128, 128 | Magenta | 255, 0, 255 |
| Feature | Score | Unless |
|---|---|---|
| Property Line | +1 each | N/A |
| T compare V: R > R | G <= G | B < B | +3 each | N/A |
| margin/padding | +2 each | N/A |
| border/border-radius | +1 each | 0px or 50% |
| z-index | -1 each | has position |
| font-family (for each line, not each font) | +1 each | -5 if “Comic Sans MS” |
| box-shadow/text-shadow | +2 each | : none |
| Colored / White buttons | ×2 | -3 if gray / black |
If the score is <= 0, add 16. Then apply the digital root.
| Accept (✓) | Reject (✗) | Consider (Δ) |
|---|---|---|
| 2, 3, 5, 7 (primes) | 1, 4, 9 (squares) | 6, 8 (else) |