【使用技術】 HTML / CSS / JavaScript 【担当範囲】 コーディング（デザインカンプを元に実装） 【対応内容】 ・レスポンシブ対応 ・ハンバーガーメニュー実装 ・スムーススクロール ・JavaScriptにてスライダーと自動スクロール 【工夫した点】 職業訓練校にて制作した、架空の中古レコードショップサイトのデザインカンプおよびコーディング作品です。 デザインカンプはPhotoshopで作成し、それをもとにHTML / CSS / JavaScriptを用いてコーディングを行いました。 実装面では、レコードジャケット画像が上下に自動スクロールする動きや、クリック時に詳細情報を表示する機能をJavaScriptで実装しています。また、画像アセットを書き出し、Web上で適切に表示されるよう調整しました。 デザイン面では、平成初期のレコードショップをイメージし、老舗らしい雰囲気を意識して制作しています。