温泉旅館のデモサイト

hiro.yamada

ご訪問ありがとうございます。

お手数ですが、以下の情報からアクセスしてください。

サイトURL：https://my-code.site/ishii-kadan/

ユーザーネーム：pass

パスワード：pass

構成

トップページ、下層3ページ（お部屋 、お料理 、 温泉 ）

開発環境

・ツール

　VScode、XD、XAMPP、Perfect Pixel

・スキル

 　HTML、CSS、JavaScript、jQuery

・PC

　Windows、Mac

デザインカンプファイル

XD

作業時間

20時間

コーデング精度

・Windows、Mac両方のブラウザ(Chrom, Safari, Edge, Firefox)でデザイン崩れを確認し、Macによくみられるデザイン崩れを無くす。

・Perfect Pixelを使用しデザインを高精度に再現

コーディング品質

ChromeのLighthouse機能でサイト品質をチェックし、Performance、Accessibility、Best Practice、SEOの4項目で90点以上を確保

・デスクトップ表示の際の本サイトの評価

・スマホ表示の際の本サイトの評価

実装機能

・予約フォーム（モダルウィンドウ）

　メールフォームはgoogleフォームと連携

・予約日時はカレンダーで選択

アニメーションの実装

・ファーストビューを拡大しながら切り替え

・ハンバーガーメニュー

・下スクロールによるヘッダーナビゲーションの固定と色の変更 

・要素のフェードイン

上記以外にも多様なアニメーションの実装が可能です。

ありがとうございました。

以上