制作内容
架空のアクセサリーサイト
※デザインカンプより、コーディングのみ対応しています。
サイトURL
https://portfolio.wizard2blog.com/demo-site_Accessory-Shop/
※Basic認証をかけております。
お手数をおかけしますが、下記ID/パスワードをご入力ください。
ユーザー名 : wwww
パスワード : wwww11!!
制作概要
- 制作時期：2023年6月
- 制作時間：総計約33時間
- ページ数：1ページ
- 使用ツール：VScode・Adobe XD
使用スキル
HTML
CSS、Scss
JavaScript/jQuery
- レスポンシブ対応(最小幅320pxまで対応)
実装内容・工夫した点
🔹css
- 不要な画像の読み込みを避けるために画像の切り替えはdisplay:none;ではなく、背景画像で行いました！
- padding-topにてブラウザ幅に合わせて画像のアスペクト比を維持したまま拡大縮小できるようにしました！
