制作内容
実際に開催されたフェスに出展するブースの紹介サイトを作らせていただきました。
※デザインカンプより、コーディングのみ対応しています。
サイトURL
https://portfolio.wizard2blog.com/demo-site_sample-corp/
制作概要
- 制作時期：2023年5月
- 制作時間：総計約61時間
- ページ数：1ページ
- 使用ツール：VScode・Adobe XD
使用スキル
HTML
CSS、Scss
JavaScript/jQuery
- レスポンシブ対応(最小幅320pxまで対応)
- twitterカード対応
実装内容・工夫した点
🔹css
- スライダーの右寄せ、特定の枚数のみ表示などの対応
- 複数の要素が重なる仕様にも対応
🔹JavaScript
- Q &Aをアコーディオンでの実装
🔹サイト作成後の品質チェック
ピクセルパーフェクト
見出し構造(h1、h2など)が不自然ではないか
W3Cチェック
フォントチェックなど
