Sobolon
(架空サイト)
※こちらのサイトはbasic認証をかけております。閲覧の際は、以下の情報を入力してください。
ユーザID：snowwork
パスワード：snow82022
- 製作工数
- 42時間
- 担当範囲
- コーディング
- 対応機種
- PC、SP
- 使用スキル・ツール
- HTML、CSS、Sass、jQuery、Adobe XD
制作ポイント
フォーム
必須入力項目を全て入力すると「送信」ボタンの色が反転するように実装しました。Googleフォームをサイトに埋め込み済みのため、送信ボタンを押すと実際にGoogleフォームにも反映されます。
アニメーション
wow.jsを使用して、スクロール後のアニメーションを実装しました。また、メニューをクリックすると、スムーススクロールで該当する場所まで飛ぶようにしました。 レスポンシブに関しては、drawer.jsを使い、バーガーアイコンをクリックするとナビが右から表示されるように実装しました。