制作日時:2021年3月

こちらはプログラミングスクール「デイトラ」様の”Web制作コースの卒業課題”として無料で公開されている練習素材です。

こちらは実案件をもとに作成されたデザインカンプです。

・一定の箇所までスクロールした際に下から上にふわっと表示される「フェードイン」
・画面全体を覆う「ハンバーガーメニュー」
・キャスト紹介のページでは各キャストをタイルレイアウトで設置
・キャスト紹介テキスト部分にはアコーディオン

といった実装に苦労しました。

また、このサイトはWordPressへの組み込みも行いました。

WordPress管理画面上で投稿内容を編集でき、ホーム画面の「お知らせ」のセクションは投稿内容によって動的に変化します。

※元のサイトがレスポンシブ非対応だったため、レスポンシブコーディングは行っておりません。

ユーザー名:maha
パスワード:333