コーディングサービスLP（Sample）
架空のコーディングサービスのLPです。
XDのデザインカンプ
URL
https://shuichiroyagasaki.com/yourcording/
※BASIC認証
・ユーザー名 Yaga0321
・パスワード yaga0321
特徴
・ヘッダー固定、追従のレイアウト。
・AOS.jsを用いて、スクロール時に各要素をふわっと表示。
・制作実績部分はSwiperを用いたスライダーで、無限にループ表示。
・お問い合わせは全ての項目に記述必須。
プライバシーポリシーチェックを入れないと「送信する」が押せないよう制御。
・レスポンシブデザイン対応。
・三本線から×印に変化するドロワーメニュー。
備考
・Shogoさんの「しょーごログ」よりご提供いただいている
「【中級】XDデザインからのコーディング実践演習【JavaScript導入】」
に取り組ませていただきました。
素材はご提供いただいているものを使わせていただいております。
かなり厳密なセルフチェックシートと
サーバーアップロード、しょーごさんによる表示確認もあり、
Webデザインを学習されている方、
一通りコーディング基礎を学ばれた方皆さんにお勧めできます。
↑