モジュール詳細: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 |
色 | 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 |
*左がターゲット値、右が閾値