架空カメラマンのお客様のプロフィールサイト
URL
https://1710shichu.github.io/jquery-advanced-kadai/DesignComp
概要
スクールの課題
説明
スクールが指定したデザインカンプを参考に、ソースコードを自分で考えてコーディングしていく課題。
デザイナーが作成したデザインカンプをもとにHTML/CSSをつかってゼロからコーディング。
さらに、jQueryを使い、動きのあるWebサイトを模写することでより実践的な課題となっている。
製作日数
2週間
使用技術
HTML/CSS/jQuery
制作スキル
HTML/CSSを駆使した模写スキル
jQueryを使った実際のHP実装に必要とされるスキルの駆使
・カルーセルの実装
・クリックおよびスクロール時のアインメーションの実装
・ページ内リンクのスクロールの動きに変化をつける