On the Subject of Writing Defiant Web Design
Edison Daily (news site)Elements: body, a, h3, blockquote IDs: #header, #comments Classes: .post, .title, .author Threshold: 0, 255, 0 |
Buddymaker (social media)Elements: div, span, img, a IDs: #msg, #cover, #content, #sidebar Classes: .post, .title, .share Threshold: 128, 64, 192 |
PNGdrop (image hosting)Elements: div, img IDs: #main, #comments, #fullview Classes: .username, .share, .large Threshold: 186, 218, 85 |
BobIRS (chatroom)Elements: ul, ol, img, b, i IDs: #sidebar Classes: .avatar, .username Threshold: 3, 230, 30 |
Vidhost (video hosting)Elements: div, iframe, b, i IDs: #main, #rating, #comments Classes: .username, .share, .channel Threshold: 96, 6, 30 |
Go Team Falcon online (online game)Elements: body, iframe IDs: #rating, #comments Classes: .rating, .fullscreen Threshold: 80, 19, 55 |
Stufflocker (cloud storage)Elements: div, h3, img, iframe IDs: #sidebar, #download Classes: .menu, .author Threshold: 176, 32, 229 |
Steel Nexus (forum)Elements: body, div, img, blockquote IDs: #header, #content, #sidebar Classes: .avatar, .reply Threshold: 190, 166, 30 |
| Color | RGB value | Color | RGB value | Color | RGB value |
|---|---|---|---|---|---|
| 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 |
| 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 | +1 each | -5 if "Comic Sans MS" |
| box-shadow/text-shadow | +2 each | none |
| Colored buttons | ×2 | -3 if gray |
If the score is <= 0, add 16. Then apply the digital root.
| Accept (✓) | Consider (Δ) | Reject (✗) |
|---|---|---|
| 2, 3, 5, 7 | 6, 8 | 1, 4, 9 |
* Target on the left, Threshold on the right.