HTML/CSS/JavaScriptを使った静的サイトの構築例です。 XDのデザインカンプを元にコーディングを行いました。 ■サイトURL https://fluffy-stuff.com/works/ishii-kadan/ ユーザー名：user パスワード：user9999! ■制作期間目安 5日〜7日 ■使用言語 ・HTML ・CSS ・Sass ・JavaScript ・jQuery ■使用ツール Adobe XD Visutal Studio Code ■主な実装ポイント ・要素をふわっと表示させる（AOS.js） ・ズームしつつフェードで画像自動切り替え（Swiper.js） ・タブでの表示切り替え(jQuery) ・モーダル・スマホメニュー展開時のオーバレイ＆背景固定 ・予約フォームの日時指定をカレンダーで選択可能（flatpicker） 宿泊予約のモーダル・スマホメニュー展開時に下の要素がスクロールされないよう固定し、ユーザー体験にも配慮しております。 トップページのヘッダーは、スクロールすると途中から下層ページと同じヘッダーに変化するようになっています。