URL
https://natsucoder.com/sample2
Github
https://github.com/natsu-webcoder/sample2
制作期間
40時間
サイトの説明
新卒採用の仮想サイトです。Figmaカンプよりコーディング(タブレット・SP版よしなに対応)を行いました。
実装ポイント
- ローディング画面を実装(ProgressBar.js)
- TOPのスライドがフェードアウト・ズームしながら動くように実装(Swiper.js)
- 画面から外れたらスライドを停止、画面に入ったら再開するように実装(Intersection Observer API)
- ログイン画面のモーダルウィンドウを実装(MicroModal.js)
- フォームが全て入力されたらエントリーボタンが機能するように実装
- スムーススクロールでタイトルがヘッダーに隠れないようにjsで制御