Works

制作物

ときしらずの宿 織花 様(模写コーディング)

ときしらずの宿スクショ
概要
ときしらずの宿 織花様のサイトを模写コーディングさせていただきました。

※模写コーディングのルール

  • 素材の利用OK
  • 幅・余白・色の確認はOK
  • フォントサイズの確認もOK
URL
申し訳ございません。コード等一式誤って削除してしまいました。ページ全体のスクリーンショットを下記リンクにて共有させていただきましたので、ご覧いただければ幸いです。

ときしらずの宿 織花様(TOPページ)

レスポンシブ
PCのみ
利用技術
HTML / CSS / jQuery
制作で得たこと
  • ファーストビューで早速躓きました。背景画像のクロスフェードの部分です。jQueryを利用して実装できましたが、スムーズに進まず苦労しました。
  • 勉強になった部分として、ファーストビューを固定し、スクロールするとその下のセクションが流れてくるようなサイトはこれまで拝見したことが何度かありましたが、実装してみるとシンプルなCSSで実装されていることに気づきました。自らコーディングしてみる大切さを改めて感じました。
  • 他についてはこれまでの模写コーディング経験のおかげで、スムーズとはいきませんでしたが完成まで持っていくことができました。


Contact

お仕事のご依頼・ご相談などございましたら、お問い合わせフォーム
もしくはTwitterのDMにてお気軽にお問い合わせください!

必須 お名前

必須 メールアドレス

任意 題名

任意 メッセージ本文

© Portfolio - Kei Watanabe