デザインパターン基礎 -動作に合わせてデザインを変化させるパララックス（視差効果）の実装-

この授業では、Web制作におけるPCサイト及びスマートフォン（スマホ）サイトのデザインパターンとコーディングテクニックを学びます。

CSSのみで実装できるものからjQueryを用いて表現するものまで、Webサイトを作る上で最低限必要になってくる表現方法を抜粋して紹介していきます。

「HTMLとCSSの知識はあるけれど、レスポンシブ実装は勘でやっている」
「jQueryの実装の仕組みがいまいちよくわからない」

今まで“なんとなく”で実装していたコーディングを“確実”なものにするために、根拠のある知識をつけましょう。

第6回目の授業は、Webサイトデザインの定番となりつつある、ページスクロールなどの動作に合わせてデザインを変化させるパララックスの実装を学んでいきます。

近年クリエイティブが単純化した影響で、Webサイトは動きでデザインを表現する機会がとても多くなってきました。そんな時によく用いられるようになったのがパララックスです。パララックスとは“視差効果”を用いたデザイン手法の一つになります。

いくつかパターンのあるパララックス表現ですが、今回は主要なものだけ抜粋して学習していきましょう。