1カラムのパララックスサイトの作り方について

1カラムサイトを作成したいと思っています。

1カラムサイトにもいろいろありますが、例えば、html5とCSS3で構成されたような、

http://iglobe.php.xdomain.jp/

こんなサイトや、

http://web-k-creation.com/

こんなサイトは、まず、何から作り始めるものなのでしょうか？

何から作り始めるのかなんて、漠然とし過ぎていますが、そのぐらいわかっていなくて、初めの一歩が知りたいという感じです。

一般的なサイトやWordPressカスタマイズはやった事ありますし、jQueryもある程度はわかるので、そのあたりの仕組みはわかっています。

ただ、パララックスサイトになると、てんで皆目つきません。

html5やcss3、jQueryなども熟知した人による職人的な方で無いと作成は難しい感じなのでしょうか？

普通に固定表示の1カラムサイトを作り、その後、上記のようなパララックスサイトに変える事も出来るものなのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

私はつい最近1カラムのパララックスサイト制作をお手伝いしました。
その経験から言うと、パララックスを実現する方法や組み込むjsの仕様次第です。

パララックスには「skrollr.js」を使いましたが、既に組みあがったサイトには導入がし易いjsでした。
レスポンシブで組まれたサイトへの導入で、PC以外からのアクセスだとbodyに「overflow:hidden」が勝手に入ったり、多数のjsが干渉する為ページ読み込み完了後に呼び出さないと意図した位置から動き始めてくれないなど、癖はキツかったですが理解してしまえばとても扱いやすかったです。
※困った状態になったので、ここで質問もしました

ただ、作業効率は悪いかもしれませんが、とりあえずサイトを組まないと「動かしてみたいモノ」や「出来ること」が見えてこない気がします。

参考に、私がパララックスを作っていた際に困ってここで質問したエントリーです。
外部スクリプトの実行タイミングを操作したい

熟練者からの回答でなくてごめんなさい。
がんばってください！

投稿2015/12/03 00:51