制作時間

3日間

担当範囲

デザインカンプからのコーディング

使用ツール

Figma、HTML、CSS、JavaScript（jQuery）、SASS

サイトの紹介

架空のゲームサイトをコーディングしました。

Figmaのデザインカンプからコーディングを行いました。

今回はSASSを使ってコーディングをしました。

メインビジュアルに背景動画、オーディオ、ニュースを横に流れる動き、スクロールダウンを実装しました。

他にもローディング画面、YouTube動画の埋め込み、SNSシェアボタンを実装しました。

メインビジュアルの背景動画とオーディオの実装がうまくできずに時間がかかりました。

デザインカンプは「無料コーディング練習所」から使いました。