Web制作会社のサイトのコーディング【架空案件】
OVERVIEW
3ページ(下層2ページ含む)のコーディング 【使用スキル】 HTML ・CSS ・Sass ・JavaScript・jQuery・レスポンシブ対応
URL:https://test0206.com/
----------------
BASIC認証
ユーザーID:20240214
pass:testtest
----------------
【意識したこと】
- 予測しやすい
- 再利用しやすい
- 保守しやすい
- 拡張しやすい
良いCSS設計のポイントされている上記を実現するために、BEMを使ったCSS設計手法を学び、Sassファイルを分割してコーディングを進めました。
工夫した点は、下記3点です。
①パーツごとのコーディング
②クラス名はBEMを意識
③複数ページのコーディングなので全体のデザインの共通パーツの確認
【まとめ】
コーディング後、品質チェックに時間をかけました。アスペクト比の設定がされておらず崩れてしまう箇所が多くあったので、スニペッドを利用し設定もれがないよう工夫しました。納品前のチェックリストを利用し、安心して任せられるコーダーになれるよう努めます。