【上級編】HTML/CSS/jQuery コーディング練習

JavaScript（jQuery）をメインに使用した練習サイトです。
jQueryを使いこなすことで動きのあるWebサイトの制作を学びます。

• メディアサイト／グリッドレイアウト

  スニーカー専門のニュースメディアの制作依頼です。
  最終的にはWordPressで制作を行いますが、まずはトップページのみHTMLでコーディングを行います。
  動画の埋め込み、カルーセルスライダー、グリッドレイアウトなどコーディングのポイントがたくさんあります。

  

  HTML / CSS デモ

  ・【HTML/CSS コーディング練習】上級編：メディアサイト／グリッドレイアウト

  ・【レイアウト構成】上級編：メディアサイト／グリッドレイアウト

  ・【ソースコード】上級編：メディアサイト／グリッドレイアウト

• ギャラリーサイト／スクロールイベント

  7月に開催されるフラワーアレンジメントの展示会用サイトの制作です。スクロールにあわせて動きをつけた躍動感のあるギャラリーサイトを作ります。

  

  HTML / CSS デモ

  ・【HTML/CSS コーディング練習】上級編：ギャラリーサイト／スクロールイベント

  ・【レイアウト構成】上級編：ギャラリーサイト／スクロールイベント

  ・【ソースコード】上級編：ギャラリーサイト／スクロールイベント