コーディングサービスLP(Sample)

yourcording

架空のコーディングサービスのLPです。
XDのデザインカンプ

URL

https://shuichiroyagasaki.com/yourcording/

※BASIC認証
・ユーザー名 Yaga0321
・パスワード yaga0321

特徴

・ヘッダー固定、追従のレイアウト。
・AOS.jsを用いて、スクロール時に各要素をふわっと表示。
・制作実績部分はSwiperを用いたスライダーで、無限にループ表示。
・お問い合わせは全ての項目に記述必須。
プライバシーポリシーチェックを入れないと「送信する」が押せないよう制御。
・レスポンシブデザイン対応。
・三本線から×印に変化するドロワーメニュー。

備考

・Shogoさんの「しょーごログ」よりご提供いただいている
「【中級】XDデザインからのコーディング実践演習【JavaScript導入】」
に取り組ませていただきました。
素材はご提供いただいているものを使わせていただいております。

かなり厳密なセルフチェックシートと
サーバーアップロード、しょーごさんによる表示確認もあり、
Webデザインを学習されている方、
一通りコーディング基礎を学ばれた方皆さんにお勧めできます。

https://note.com/samuraibrass/n/nd1748e42934e