スニーカーショップのホームページ

使用スキル

• HTML
• CSS
• SASS
• JavaScript

こだわり

スライダーを無限に流すために画像を複製し、流れ切ってしばらく経った画像は消去して重くならないように工夫した点です。

苦戦した点

上記のスライダーを作るために、JavaScriptで画像を複製させることに苦戦しました。できたと思ったら一番最後の画像ばかりが複製されたり、思わない挙動をすることが多く実装までに時間がかかりました。まだまだ実務で使える完成度ではありませんが、JavaScriptで複雑なコードを書く練習になりました。

学んだこと

ハンバーガーメニューを左から登場させる方法です。今まではフェードで非表示、表示を切り替えていただけだったのですが、今回はtransformを使って左から登場するように作る方法を学びました。

補足

この作品はCodejump様のコーディング練習の素材をお借りしたものです。