パララックスサイトの基本的な作り方 1/2！ ｜ Web Design Magazine

2015/03/25 271 users パララックス 作り方 HTML 個々 勢い

こんにちは〜！ 今回はパララックスサイトの基本的な作り方を紹介したいと思います。 去年くらいから流行始めたパララックスサイト。今年になってもその勢いは止まりません。 そんなパララックスサイトの基本的な作り方です。 パララックス（視差効果）とは パララックス（視差効果）とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。 準備をしよう！ htmlを用意します。 j... 続きを読む

ASCII.jp：パララックスをサクッと作れるskrollr｜こうめの“これから使える”jQueryプラグイン

2013/10/30 130 users パララックス skrollr jQuery jQuery本体

今回紹介するプラグイン skrollr 「skrollr」は、パララックス（視差効果）を簡単に実装できるプラグインです。 サンプルの動画を見ていただければわかりますが、非常に多彩なエフェクトが用意されており、基本的なパララックスサイトであれば、サクッと作れます。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、skrollrを配布ページからダウンロード... 続きを読む

パララックスサイトを簡単に作成できるjQueryプラグイン8選｜skuare.net

2013/08/13 196 users skuare.net パララックス Tweet 感じ ところ

パララックスサイトを簡単に作成できるjQueryプラグイン8選 Tweet いまさらな気もしますが、パララックスなサイトを簡単に実現するためのjQueryプラグインを紹介します。 sponsors #1 Nikebetterworld Parallax Effect Demo | Ian Lunn 老舗な感じのところですね。 jQuery localscrollとか、jQuery scrollTo... 続きを読む

パララックスサイトを作る時必要だったリソースと使い方のご紹介！制限作業時間12時間で調べあげた情報色々！ | バンクーバーのうぇぶ屋

2013/01/09 182 users バンクーバー リソース 僕ら うぇぶ屋 調べ

ちょっと遅くなりましたが皆様あけましておめでとうございます！ さて、新年一発目は先日こそっとあけおめコンテンツとして公開させて頂いた『 バンクーバーな僕ら – 新年あけましておめでとう巨大4コマ』で遊びで作ったパララックスページの作り方に関するお話です。 このパララックス漫画作る事になった時、実は こんな状況だったのでとにかく完全に時間との勝負だったんですが、日々パララックスに関する情報には目を通... 続きを読む

パララックスサイトの作り方の初歩｜WEB Drawer

2012/07/02 820 users 初歩 WEB Drawer 作り方

最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefo... 続きを読む