模写作品CATのトップページ

初めて模写をしたページです。

web製作者が販売している模写用のページを作りました。

元々pc用の画面のみでアニメーションが無かったのですがレスポンシブデザインにしてjQueryでアニメーションを入れていました。

 

 

苦労した事1

 

初めて模写をした時はフレックスボックスを知らなくて横に並べるのを全てfloatでやっていたので高さを揃えるのに相当苦労してpc用の画面だけで1週間はかかったと思います。

分からない部分があったら調べて解決してを何度も繰り返しています。

 

苦労した事2

 

デザインカンプがXDで作られていたのですが見方が分からなくて見方が分かるのに時間がかかったと思います。

 

 

GitのURL

https://kyohayata.github.io/cat/で確認できます。