Works
制作物
ときしらずの宿 織花 様(模写コーディング)
![ときしらずの宿スクショ](https://k-watanabe39.com/wp-content/themes/KeiWatanabe_theme/img/oribana.jpg)
- 概要
- ときしらずの宿 織花様のサイトを模写コーディングさせていただきました。
※模写コーディングのルール
- 素材の利用OK
- 幅・余白・色の確認はOK
- フォントサイズの確認もOK
- URL
- 申し訳ございません。コード等一式誤って削除してしまいました。ページ全体のスクリーンショットを下記リンクにて共有させていただきましたので、ご覧いただければ幸いです。
- レスポンシブ
- PCのみ
- 利用技術
- HTML / CSS / jQuery
- 制作で得たこと
-
- ファーストビューで早速躓きました。背景画像のクロスフェードの部分です。jQueryを利用して実装できましたが、スムーズに進まず苦労しました。
- 勉強になった部分として、ファーストビューを固定し、スクロールするとその下のセクションが流れてくるようなサイトはこれまで拝見したことが何度かありましたが、実装してみるとシンプルなCSSで実装されていることに気づきました。自らコーディングしてみる大切さを改めて感じました。
- 他についてはこれまでの模写コーディング経験のおかげで、スムーズとはいきませんでしたが完成まで持っていくことができました。