レスポンシブ対応
AdobeXDデザインカンプからのコーディングを行いました。
BEM命名規則に従い、CSSファイル設計をもとに「予測可能」「再利用可能」「保守可能」「拡張可能」なコーディングを意識しました。
BEM命名規則に従い、CSSファイル設計をもとに「予測可能」「再利用可能」「保守可能」「拡張可能」なコーディングを意識しました。
- モバイルファーストでコーディング
- デザインに忠実にピクセル単位での調整
- サイズは主にremで指定
- Google Chrome、Firefox、Edge、Android、iPhoneで表示&動作チェック
- ハンバーガーメニュー、スライダーなどのアニメーション機能を実装
- Google Map埋め込み
- YouTube埋め込み
- お問い合わせフォーム