今回は初めて複数ページの模写を行いました。複数ページサイトの特徴はボリューム多いため、より効率的なコーディングが求められます。例えば違うページでも共通部分が存在します。完全に同じパーツはコピペし、少しだけ違う部分が存在するならsassのextendを使って効率化を図りました。
【工夫したところ】
- 共通部分のコーディング
- extendを多用する
- phpで実際に組む時の構造を想像しながらコーディングをした(記事が4つ表示された後にバナーが入り、また記事が表示される部分。実際にはwhile文で記述されることを想定して記事とバナーは同階層に記述した)
【次回の課題】
- クラス名にかぶりが出そうなのでBEMでの記述を試してみる