重ね合わせた複数の背景を異なる速度でスクロールさせることで、視覚的な奥行きを表現するパララックス。jQueryプラグインを利用して簡単にパララックス効果をデザインに取り入れよう。 パララックスとは、視覚的なずれを利用して画面の奥行きを表現 ...

デジタルアーティスト「Benoit Challand」のポートフォリオサイト。 パララックスを利用したサムネイル一覧表示 シンプルなポートフォリオサイトに、ページ遷移やメニュー表示などのスムーズなエフェクトによって新鮮さを加えている「Benoit Challand」。

仕事に、人生に効く一冊。 問題はウェブサイト、モバイルアプリ、コネクテッドデバイス版（PCやスマホ、タブレット）のデザインをどう改良すればいいのかが不明確だということ。単純に無駄を省いてクリーンなデザインにすればいいわけではないのです。

スクロールで見せる大胆なWeb表現「パララックス」とは？ 見る者を"ハッ"と引きつける力を持つエフェクト「パララックス」は、メーカーの特設サイトやサッカー選手の公式サイト、クリエイターたちのWebサイトなどで最近よく取り上げられている、いずれ ...

最近よく見るようになった、奥行感を演出するスクロール。いわゆるパララックスと呼ばれる演出効果。もちろんこれもJavaScriptを使って実装されています。 サンプルを見る 奥行を理解する。 パララックスを理解するには、2D空間における奥行感を理解する ...

「skrollr」は、パララックス（視差効果）を簡単に実装できるプラグインです。 サンプルの動画を見ていただければわかりますが、非常に多彩なエフェクトが用意されており、基本的なパララックスサイトであれば、サクッと作れます。 具体的には、data-xのx ...

「機能的で見栄えが良く、しかもオリジナリティ溢れるホームページを、低コストで簡単に作るツール」としてWix.comについて以前に「誰でも手軽に本格的なWebサイトが作れる！無料ホームページ作成ツール「Wix」を試してみた」という記事で紹介したかと ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2012年11月26日～2012年12月2日の間に見つけた記事のベスト5です。 視差 （パララックス） スクロールをWeb ...