目次
1. サイトURLと認証パスワード
2. 使用しているアニメーション機能(Javascript / jQuery)
3. コーディングで工夫したポイント(HTML / CSS)
4.Webサイト全体画像(PC / スマホ)
1. サイトURLと認証パスワード
こちらから、サイトをご確認いただけます。
Basic認証をかけておりますので、ユーザーIDとパスワードをご入力ください。
ユーザーID:demo
パスワード:demo
2. 使用しているアニメーション機能(Javascript / jQuery)
◎ローディング画面

◎ハンバーガーメニュー(全ページ)

◎Swiper(トップページ)
3枚の画像が無限ループする仕様です。
◎モーダル(トップページ)

お知らせの内容は、モーダルで表示します。
また、内容が画面の縦幅を超える場合は、モーダル内でスクロールができるようになる仕様です。
◎サイドバー(トップページ)

PC時のみ、左側にサイドバーを固定表示しています。
◎送信制御(お問い合わせページ)


お問い合わせフォームは、必須項目を全て入力しないと、送信ボタンを押せないように制御しています。
送信後は、以下の送信完了画面に遷移します。
3. コーディングで工夫したポイント(HTML / CSS)
◎ユーザビリティの向上

ナビゲーションメニューやボタンにカーソルを合わせた際に、文字や背景の色を変化させることで、クリック可能な項目を分かりやすくいたしました。
◎レスポンシブ対応での配置調整
図形の大きさや位置を調整して、どの画面幅でも自然なデザインになるようにいたしました。
4.Webサイト全体画像(PC / スマホ)
左がPC、右がスマホ幅です。

