
【応用編】HTML/CSS/jQuery コーディング練習
複雑なHTML&CSS&JavaScript(jQuery)を使用した動きのある練習サイトです。
CSSアニメーションやjQueryを使いこなすことで動きのあるWebサイトの制作を学びます。
-
メディアサイト/グリッドレイアウト
スニーカー専門のニュースメディアの制作依頼です。
最終的にはWordPressで制作を行いますが、まずはトップページのみHTMLでコーディングを行います。
動画の埋め込み、カルーセルスライダー、グリッドレイアウトなどコーディングのポイントがたくさんあります。 -
ランディングページ/CSSアニメーション
英会話スクールから、無料体験へ申し込んでもらう為の簡単なランディングページを制作してほしいと依頼がありました。 CSSアニメーションを使って、動きのあるLPを作ります。
-
ギャラリーサイト/スクロールイベント
7月に開催されるフラワーアレンジメントの展示会用サイトの制作です。スクロールにあわせて動きをつけた躍動感のあるギャラリーサイトを作ります。