HTML・コーディングの練習-パララックスCSS-
HTML・コーディングの練習-パララックスCSS-
パララックスサイトの練習の為、検索していたところCSSのみにてパララックスを作れることを知った。jqueryによる移動差の計算ができないため非常にシンプルなものなのだが、シンプルな分私にはうってつけだ。
バックグラウンド画像をfixedで固定させていくとパララックス出来上がる。パララックスの原理がぼんやりみえてくる。
出来上がったものはシンプルだが非常に綺麗だ。なぜパララックスに人気が集まったのかがわかる。画像とテキストでいかに仕掛けを作り見せるかがwebデザインの基礎だと思う。その点パララックスはその条件を満たしている。
将来的に回線が太くなりダウンロードスピードが上がればwebサイトで動画も触るこのになるような気がする。それまで画像とテキストで仕掛けのあるサイトがwebサイトのメインになりそうだ。
- 完成イメージ