- Coding
Global Standard
Information
トップページを含め、異なるタイプのSwiperを3種類実装し、視覚的な変化を楽しめるサイトに仕上げました。
そのため、スムーズに操作できるよう、ホバー時のアニメーションやボタンのクリック時の挙動にも配慮しています。
また、パララックスやアコーディオン、扉が開くアニメーションなどを取り入れ、ユーザーが直感的に楽しみながら閲覧できるようになっています。
- URL
- https://yamamoriweb.com/global-standard/
- Scope
- コーディング（HTML / CSS / JavaScript） FLOCSSを用いたCSS設計 Gulpを用いた開発環境構築
- Date
- ７日間
POINT
FLOCSSを用いてCSS設計を行い、保守性と拡張性を意識して制作しました。 また、remを使用したリキッドコーディングにより、画面幅を問わず綺麗に表示されるよう対応しています。
