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

少し複雑なHTML、CSS、JavaScript（jQuery）を使用した練習サイトです。
レイアウトのバリエーションやアニメーション等のテクニックについても学べます。

• 【HTML/CSS コーディング練習】上級編：ストアサイト（カフェ）／パララックス

  恵比寿のカフェ COFFEE から、お店のWebサイトを制作してほしいと依頼がありました。
  メニュー、コーヒーの説明、お店の地図を掲載します。
  メインビジュアルや背景イメージからお店の雰囲気が伝わるように工夫します。

  

  HTML / CSS デモ

  ・【HTML/CSS コーディング練習】上級編：ストアサイト（カフェ）／パララックス

  ・【レイアウト構成】上級編：ストアサイト（カフェ）／パララックス

  ・【ソースコード】上級編：ストアサイト（カフェ）／パララックス

• ストアサイト（インテリア）／グリッドレイアウト

  南青山で家具やインテリアの企画、販売を行う会社から、製品を紹介するためのWebサイトを制作してほしいと依頼がありました。 オリジナルの製品を一覧で見せられるよう、グリッドレイアウトでコーディングを行います。

  

  HTML / CSS デモ

  ・【HTML/CSS コーディング練習】中級編：ストアサイト（インテリア）／グリッドレイアウト

  ・【レイアウト構成】中級編：ストアサイト（インテリア）／グリッドレイアウト

  ・【ソースコード】中級編：ストアサイト（インテリア）／グリッドレイアウト

• 【HTML/CSS コーディング練習】上級編：コーポレートサイト／固定サイドメニュー

  近所のハウスメーカーからコーポレートサイトのリニューアル依頼がきました。
  まずはトップページのコーディングを行います。

  

  HTML / CSS デモ

  ・【HTML/CSS コーディング練習】上級編：コーポレートサイト／固定サイドメニュー

  ・【レイアウト構成】上級編：コーポレートサイト／固定サイドメニュー

  ・【ソースコード】上級編：コーポレートサイト／固定サイドメニュー