サイト情報
※basic認証をかけているためお手数ですが、URL検索後ユーザー名とパスワードのご入力をお願いいたします。
サイトURL： https://mihohohoy.conohawing.com/sonozaki/index.html
ユーザー名： mihohohoy
パスワード： mihohohoy389:
制作概要
制作時期：2023年6月
制作時間：総計約60時間
制作内容：Photoshopデザインカンプからコーディング
ページ数：1ページ
サイト構成：トップ
使用ツール：VScode、Photoshop
使用スキル：HTML、CSS、jQuery
実装した機能・工夫した点
- ファーストビュー画像3枚をアニメーションをかけつつ切り替わるように実装
- スクロールで追従型ヘッダーにし、デザイン変更
- スクロールによりナビゲーションのカレント表示
- ドロワーメニューを実装
- SPサイズ時、ページトップへ戻るボタンを実装
- ローディング機能を実装
- SEO設定（＊OGPを設定しているが、noindexを付与しているためogp画像非表示）
- PC、SPだけでなく、タブレットなど多様なデバイスのサイズにレスポンシブ対応
- 図形など極力CSSで実装
- スマホ時のナビゲーションリンク押下時に、自動でナビゲーションを閉じさせてスムーススクロールを実装
- ナビゲーションのアンカーリンクhover時のデザイン変更を斜めのデザインで実装
トップ画面
スマートフォン画面
