塗装会社のトップページ Webサイトの基本情報 制作時間: 1日 担当工程: コーディング URL: https://kawa02-portfolio.com/demo1/ 使用技術: HTML CSS(SASS)Jquery コメント: あらゆるデバイスでデザインが崩れないよう、細かなレスポンシブ調整を行い、その設定を関数化することで、後からの修正や調整を容易にしています。 また、CSS設計にはFLOCSSを採用し、保守性と拡張性を意識した構成にしています。特にお知らせセクションは下層ページでも再利用できることを想定してコンポーネント化しました。 さらに、メニュー画像にはaspect-ratioを用いることで、画面サイズが変わっても比率が崩れないように設計しています。
また、CSS設計にはFLOCSSを採用し、保守性と拡張性を意識した構成にしています。特にお知らせセクションは下層ページでも再利用できることを想定してコンポーネント化しました。
さらに、メニュー画像にはaspect-ratioを用いることで、画面サイズが変わっても比率が崩れないように設計しています。