【担当箇所】コーディング

【URL】https://xs062828.xsrv.jp/testsite_0224

【Basic認証（ID、PW）】testsite

【実装期間】30時間

【使用言語】HTML、CSS、SCSS、Javascript（jQuery）、gulp

【サイトの存在】架空

【制作条件・こだわり】

1. CSS設計はFLOCSSを採用。gulpを使用。基本単位はrem。ブレイクポイントは768px。スマホファーストのコーディングの仕様書のもと、制作を実施。トップページと下層ページ（1p）をコーディング。
2. WordPress化を意識した設計を心掛けました。特にカードの増減や画像の差し替えだけでなく、セクション内のテキストの増減によるデザインの崩れがないように注意を払って実装しています。
3. スマホ版はよしな対応のため、見やすさやデザインの配置などをPC版より受け継ぐ感じに仕上げてみました。
4. 仕様書の条件を踏まえた上で、ボタンホバーやドロワーの開閉時のアニメーションを工夫したり、レスポンシブでもデザインの雰囲気を生かすような配置を考え実装しました。