カンタン・便利！ ScrollMagicのパララックスサンプルを解説。 | ネクストページブログ
HOMEブログウェブ制作カンタン・便利！ ScrollMagicのパララックスサンプルを解説。 | ネクストページブログ こんにちは。最近ムーミンの愛らしさに魅せられまくっているアンドレです。 さて、一時のブームは過ぎたとはいえ、見せ方としてまだまだパララックスの需要というのは多いかと思います。 僕もとりあえず簡単に実装してみたいと思い、良さそうなライブラリを探していたところ、ScrollMagicというライブラリの存在を知りました。 豊富なサンプルがありどれも良くできていますが、今回はその中でも当初の目的であるパララックスのサンプルに絞って解説したいと思います。 ちなみにサンプルは基本的にPCを対象としていますので、PCでご覧ください。 ScrollMagicとは スクロールイベントの発火地点やその長さ、さらには動き等まで指定できるライブラリです。 バージョン２になってからは、jQuer
Skrollr vs ScrollMagic | Comparison of scrolling animation plugins
Skrollr or ScrollMagic? Which one should you choose and why? This might be the question you ask yourself when you start a scrolling animation project. Here is my opinion on when you should use it and when you should stay away from it. Keep scrolling… Quick Overview If you are in a hurry, you can be rest assured that both of these plugins will give you the power to create amazing scrolling animatio
[JS]パララックス、スライドなど、スクロール時のエフェクトをよりスムーズにしたスクリプト -SuperScrollorama
パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワーアップしたjQueryのプラグインを紹介します。
jarallax.jsの使い方解説
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 （注：スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。） jarallax.jsとは？ パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら： http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
Welcome to Jarallax.com
What is jarallax? Web based parallax scrolling and much more! Jarallax is an open-source javascript library which makes adjusting css based on interaction easy. With Jarallax it's easy to create a parallax scrolling website. What to do next Download Jarallax Follow video tutorials Stay updated Follow Jarallax Facebook Twitter Google+ Github Support Jarallax Share Jarallax with your friends. Like u
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Best Parallax Scrolling Plugins
