[CSS]スクリプト無し、スタイルシートで実装するパララックススクロール | コリス

2014/01/22 203 users コリス パララックス CSS スクリプト スライド

パララックス=スクリプトと思っていたのですが、スクリプト無しでも実装できるんですね。 今後、実装方法がますます進化しそうです。 Pure CSS Parallax Scrolling デモをスクロールすると、コンテンツと背景が異なるタイミングでスクロールされて表示されます。 背景が派手なので、効果も一目で分かりますねｗ スライド2では、左の2枚の画像も異なるタイミングで重なります。 実装方法を簡単... 続きを読む

[JS]既存のページに数行加えるだけでパララックススクロールを実装できるチュートリアル | コリス

2013/08/01 191 users コリス jQuery チュートリアル エフェクト スクリプト

jQueryとほんの数行のスクリプトでパララックススクロールのエフェクトを与えるデモを紹介します。 Parallax scrolling background デモはスクロールすると、コンテンツと背景画像がいい感じのタイミングでずれてスクロールします。 実装は簡単です。 既存のページにもこれなら簡単に組み込めると思います。 HTML パララックススクロール用の背景を配置するために先頭に空のdiv要... 続きを読む

ウェブデザインで注目すべき5つのトレンド：パララックススクロールから大胆な色使いまで : ライフハッカー［日本版］

2013/07/30 112 users ウェブデザイン GigaOM ライフハッカー トレンド 色使い

Webツール , デザイン , 仕事がはかどる , 最新テック ウェブデザインで注目すべき5つのトレンド：パララックススクロールから大胆な色使いまで 2013.07.30 20:00 GIGAOM：最新のウェブデザインについてデザイナーに聞きました。パララックススクロールから大胆な色使いまで、5つの注目トレンドを紹介します。 最近のスタートアップはデザインでブレークする、けれど 問題はウェブサイト... 続きを読む