実際のホームページの模写コーディングを行いました。
(対象サイト:https://www.nijitoumi.jp/)
対象サイトのソースコードを閲覧せずに、レイアウトやJQueryを使用した動きなど
なるべく忠実に近づけられるよう制作しました。
URL
http://nizitoumi-copy.h-hayashi1996.com/
ID: j7NE3n65 / PW: j7NE3n65
コーディングについて
対象サイトと比較しながらレイアウトを進めていき、フォントサイズや余白などを
なるべく忠実に近づけられるよう心がけました。
またレイアウトにデザインの要素が多く、一つひとつ動きなどに違いがあったため、
JqueryやSlickを使用し、細部までこだわりました。
特にメインビジュアル部分のタイトル文字で、
画像に重なっている部分でフォントカラーが変わる仕組みは
何度も微調整し、正確に表示されるようにコーディングを行いました。