①架空の温泉旅館サイト制作

OVERVIEW

XDデザインカンプからのコーディング HTML/CSS/jQuery/JavaScript/Sass使用

サイトURL ↓

BASIC認証をかけております。下記ID・パスワードをご使用ください。
ユーザID : riko-test / パスワード : test27


しょーごログ様のコーディング課題(中級Ex)を使用いたしました。
トップページ+下層3ページの複数ページ構成となっております。
タブレット・スマートフォン用のレイアウトは自分で組み立てました。
(スマホ版スクリーンショットを下部に添付しております。)

①制作期間:4日間(計29時間)

②使用言語/スキル
 Adobe XDデザインカンプからのコーディング
 HTML/CSS/jQuery/JavaScript/Sass
 ※デザインは行っておりません。

③技術詳細
・CSSアニメーションでの画像切替
・モーダル
・タブ
・header制御
・JavaScriptのライブラリ使用

④注意した点
レスポンシブデザインはどの端末にも対応できるように意識し、
徐々にwindow幅を狭くしても崩れが発生しないよう設計しました。

♦️スマホ版(480px)