モジュール詳細:Webデザイン

要素: body, a, h3, blockquote

IDs: #header, #comments

クラス: .post, .title, .author

閾値: 0, 255, 0

要素: div, span, img, a

IDs: #msg, #cover, #content, #sidebar

クラス: .post, .title, .share

閾値: 128, 64, 192

要素: div, img

IDs: #main, #comments, #fullview

クラス: .username, .share, .large

閾値: 186, 218, 85

要素: ul, ol, img, b, i

IDs: #sidebar

クラス: .avatar, .username

閾値: 3, 230, 30

要素: div, iframe, b, i

IDs: #main, #rating, #comments

クラス: .username, .share, .channel

閾値: 96, 6, 30

要素: body, iframe

IDs: #rating, #comments

クラス: .rating, .fullscreen

閾値: 80, 19, 55

要素: div, h3, img, iframe

IDs: #sidebar, #download

クラス: .menu, .author

閾値: 176, 32, 229

要素: body, div, img, blockquote

IDs: #header, #content, #sidebar

クラス: .avatar, .reply

閾値: 190, 166, 30

色がない場合: 127, 127, 127
RGB値 RGB値 RGB値
255, 0, 0 0, 255, 0 0, 0, 255
255, 255, 0 オレンジ 255, 165, 0 128, 0, 128
255, 255, 255 128, 128, 128 マゼンタ 255, 0, 255

特徴 スコア 特殊例
セミコロンの数 各+1 該当なし
赤 < 赤 | 緑 >= 緑 | 青 > 青* 各+3 該当なし
margin/padding 各+2 該当なし
border/border-radius 各+1 0px or 50%…変更なし
z-index 各-1 positionの指定がある…変更なし
font-family 各+1 「Comic Sans MS」…-5
box-shadow/text-shadow 各+2 none…変更なし
ボタンが赤黄緑(または全て白) ×2 ボタンが灰(または黒)…-3
  • スコアが0未満…16を加算
  • スコア計算後…数字根を適用
採用 (✓) 検討 (Δ) 不採用 (✗)
2, 3, 5, 7 6, 8 1, 4, 9

*左がターゲット値、右が閾値