フクオカはじめまして。デジタルステージ、デザインチームのフクオカです。)宜しくお願いします。ニタバルさんとオカベさんがBiND関連の記事だったので今回はLiVEに関しての記事です。LiVEといえば動きのあるサイトが簡単に作れるすばらしいソフトですが背景画像を何枚も重ねられて、パララックス効果も使えるので奥行きのあるサイトを作る事ができます。パララックスの効果を存分に発揮できるのが「縦スライド」のデザイン。サイトを訪れた人にスクロールすることのに楽しさを与えどんどんページを見てもらえるきっかけになる(かもしれない)技術ですのでぜひ活用してくださいね!まずはこのサイトをご覧くださいサンプルサイトを見るこのサイトは4枚のパネルが重なってできているような構造になっています。どのような設定になっているか見てゆきましょう。01】まずはページ全体に関わる2枚の背景を設定します。繰り返し続くグラデーション画像これは配置をタイリングに指定をしてスクロールに追随して色が変わる仕様になっています。半透明の模様画像こちらもタイリングで全体に広がる設定で今度は「背景を固定」にチェックを入れます。不思議な雰囲気になります。02】次は各スライドの背景の設定です。最初のスライドの左真ん中のパープルの眼鏡と右下のブラック眼鏡に注目。この2点がパララックスしています。