パララックス効果を実装できるプラグインやチュートリアル 30

  • Posted on
  • Category : Tips
パララックス効果を実装できるプラグインやチュートリアル 30

あくまでも予想で尚且つ海外の情報というのはあるんですが、海外ブログなどでは去年に引き続き今年もパララックスは流行ると予想しているところが多く、個人的にもパララックスは残りそうなトレンドのひとつだと思ったので整理兼ねてまとめました。全体的に目新しいものではないですが、いずれも簡単にパララックス効果を実装できる便利プラグインやパララックスの実装方法などがわかりやすく解説しているチュートリアルなどです。

jQuery Parallax

jQuery Parallax

skrollr

skrollr

jQuery Scroll Path

jQuery Scroll Path

jquery.parallax.js

jquery.parallax.js

Parallax.js

Parallax.js

Parallax Scrolling

Parallax Scrolling

Jarallax

Jarallax

Creating a Parallax Scrolling Webpage Using Jarallax.js

Creating a Parallax Scrolling Webpage Using Jarallax.js

Parallax-JS

Parallax-JS

Scrollorama

Scrollorama

SuperScrollorama

SuperScrollorama

Cool Kitten

Cool Kitten

Scrolly

Scrolly

jquery.parallax

jquery.parallax

Plax

Plax

Stellar.js

Stellar.js

Create a Parallax Scrolling Website Using Stellar.js

Create a Parallax Scrolling Website Using Stellar.js

jInvertScroll

jInvertScroll

Scrolling Parallax

Scrolling Parallax

Create a Funky Parallax Background Effect using jQuery

Create a Funky Parallax Background Effect using jQuery

Build a parallax scrolling website interface with jQuery and CSS

Build a parallax scrolling website interface with jQuery and CSS

jQuery Parallax Tutorial – Animated Header Background

jQuery Parallax Tutorial - Animated Header Background

Sequence.js

Sequence.js

Parallax Content Slider with CSS3 and jQuery

Parallax Content Slider with CSS3 and jQuery

Parallax Slider with jQuery

Parallax Slider with jQuery

FractionSlider

FractionSlider

jQuery Destaque

jQuery Destaque

こちらのプラグインに関しては、以前ちょっとしたカスタマイズ方法も含めて当ブログで紹介しているので、興味ある方はこちらも併せてご覧ください。

Create a Cool Website with Fancy Scrolling Effects

Create a Cool Website with Fancy Scrolling Effects

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

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

パララックスエフェクトの基本 – @IT

パララックスエフェクトの基本 - @IT

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。