• 「よくある質問ページのメインエリア」を示す範囲

基本条件

• [ ] スマホファーストでコーディングできている
• [ ] CSS設計手法にはFLOCSSが採用されている
• [ ] remでコーディングできている
• [ ] ブレークポイントは768pxの１箇所だけ
• [ ] BASIC認証の設定ができている
• [ ] noindex,nofollowの設定ができている
• [ ] 品質チェックリストが提出できている

赤笛合格ライン（よくある質問ページのメインエリアのみ）

• [ ] ピクセルパーフェクト
  • [ ] 「PerfectPixel（Chromeのプラグイン）」で確認
  • [ ] どうしてもズレてしまう場合や、保守性を優先して敢えてピクパしなかった部分については、提出の際に報連相できる
• [ ] フォントの反映
  • [ ] 「WhatFont（Chromeのプラグイン）」で確認

蒼笛合格ライン（よくある質問ページのメインエリアのみ）

• [ ] 表示崩れ
  • [ ] インナー幅以上
  • [ ] ブレイクポイント+1px
  • [ ] ブレイクポイント-1px
  • [ ] 375px
  • [ ] 320px
  • [ ] 横スクロールの発生がない
• [ ] ホバーアクション
  • [ ] リンク挿入が想定される箇所がきちんとaタグになっている
  • [ ] ホバー時の動きが指示通りになっている
  • [ ] ホバー時の動きは、ふわっと変化する（transition設定ができている）
  • [ ] ホバー時のカーソルはポインターになっている
• [ ] jQuery,Javascript等で実装した動き
  • [ ] 指示通り実装できている
  • [ ] 不自然な動きがない
• [ ] 画像

  • [ ] 画像最適化（最適な形式で書き出されているかどうか）

    写真などはjpg、背景透過が必要なもの・イラストなどはpng、ロゴなどベクター画像にすべきものはsvg

  • [ ] Retinaディスプレイ対応のため画像は2倍書き出し→圧縮して表示

  • [ ] 画像のパスが正しい

月笛合格ライン（よくある質問ページのメインエリアのみ）

• [ ] HTML・CSSの文法

  • [ ] HTML

    Nu Html Checker

  • [ ] CSS

    CSS Validation Service

• [ ] コンソールエラー

  • [ ] 検証ツールで確認