スマホ用ホームページの作り方について

質問

スマホ用ホームページをhtmlとCSSなどで作ろうと思っています。

そこで、スワイプする毎に

https://cheesetart.com/

このサイトのように背景画像やテキストが変わり1ページに全て収まるようにしたいです。

そこで、何か参考になるサイトはありますでしょうか？

いくら探してもいいサイトが見つかりません（数年前の古いサイトなどはありますが…）

よろしくお願いいたします。

回答No.1

Proof4 · ベストアンサー

質問文にあるサイトが採用しているデザイン手法のことをパララックスデザインといいます。（詳細は「パララックスデザイン」で検索すると色々記事がヒットすると思います。）

参考になるサイトとのことですが、
http://monomode.co.jp/web/parallax-3.html
が良いかもしれません。パララックスデザインを採用したページをイチから作るのはサイト制作の経験が浅い人にとってはかなり大きなハードルです。好みのライブラリを使って実装するのが現実的だと思います。

お礼

ありがとうございます。パララックスデザインで検索してライブラリの使い方を紹介しているサイトをあさりまくってなんとか作ることができました。