[B! パララックス] nyanzou4649のブックマーク

http://www.tillamook.com/ourstory/naturally-aged.html

nyanzou4649 2014/01/08

リンク

skrollr - parallax scrolling for the masses

transf orm scale, skew and rotate the sh** out of any element all numeric properties width, height, padding, font-size, z-index, blah blah blah easing? sure. let me dim the lights for this one... you can set easings for each property and define own easing functions

nyanzou4649 2013/11/01

パララックス

リンク

[JS]パララックス、スライドなど、スクロール時のエフェクトをよりスムーズにしたスクリプト -SuperScrollorama

パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワーアップしたjQueryのプラグインを紹介します。

nyanzou4649 2013/09/05

パララックス

リンク

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

twitter facebook hatena google pocket いまさらな気もしますが、パララックスなサイトを簡単に実現するためのjQueryプラグインを紹介します。 sponsors #1 Nikebetterworld Parallax Effect Demo | Ian Lunn 老舗な感じのところですね。 jQuery localscrollとか、jQuery scrollToを駆使しています。 URL：http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/ demo：http://ianlunn.co.uk/plugins/jquery-parallax/ #2 JoelBesada/scrollpath GitHub 見えないパスにそってスクロールしていって気持ちいい感じです。こんな記述が必

nyanzou4649 2013/08/13

パララックス

リンク

HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。はじめに - パララックスエフェクトについてパララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript（jQuery）でパララックスエフェクト 1 | スクロール値を取得どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

nyanzou4649 2012/10/18

パララックス

リンク

[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax

Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方「Demo 3」を例に、実装方法を簡単に紹介します。外部ファイル「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTML自体は通常通りに実装し、アニメーションのエフェクトを適用するエレメントには参照できるようid, classなどを付けます。 <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>見出し：slide

nyanzou4649 2012/10/17

パララックス

リンク

いますぐお兄ちゃんに妹だっていいたい！特設サイト

母の再婚で陸斗と義理の兄妹になった、朝岡学園の新一年生です。一時的に陸斗と相部屋になり、"妹"ではなく"弟"だと偽って生活することになります。それでいながら、学園には女装して通って女生徒として扱われるので、兄の陸斗は何が何だかわかっていないようです。小柄で幼さが残るところもかわいいと、男子の人気は高いのですが、本人はまったく自覚がありません。小さい頃から家事をこなしてきたので、今ではなんでもできるしっかり者です。特に料理は大得意で、レパートリーも豊富です。根は寂しがりやで、新しい家族ができたことを喜んでいますが、陸斗にウソをついていることに良心の痛みを感じています。朝岡学園の新一年生です。下町のいなせで生まれ育ち、勉強、スポーツ、ルックスと三拍子揃った、明るくて元気な女の子です。数多くの男子から告白されてきましたが、誰にもＯＫを出したことはありません。一番仲のいい異性は中学１年生からずっ

nyanzou4649 2012/10/04