このサイトは東京フリーランスのはにわまんさんが無料公開しているサイトで、歯医者のコーポレートサイトをテーマにしたサイトです。2012年に作られたものなのでデザインは古いですが、擬似要素の実装が必要になるサイトだった為かなり勉強になりました。
【工夫したところ】
- フッター内のメニューに〇を描く為に、擬似要素のbeforeを使用した
- ヘッダのメニューには色のグラデーションを付けた
- ニュースはlistを使って実装した
【次回の課題】
- コーディング時間の短縮
- floatではなくflexboxでの実装を心掛ける
- ニュースの実装をテーブルでもやってみる