RELLAX

JavaScript

超軽量で滑らかなパララックスを実装できるライブラリ「RELLAX」

RELLAXは、滑らかなパララックスを実装できるバニラJavaScriptによるライブラリです。ファイル容量が超軽量なので、サクサク動作するパララックスを自サイトに取り入れたいときに活用したいですね。マークアップ、使い方ともにシンプルなところもグッドです。

シンプルな使い方でスピード調節もできる

デモ

スクロールしていくと、滑らに動作するパララックスを確認できるはずです。テキスト、数値、図形などが、メインコンテンツとは異なる速さでスクロールしていきます。

Webサイト内で奥行感や立体感、浮遊感といった視覚効果を表現したいならピッタリの機能ですね。マークアップもカンタンなので、手軽に利用できるのではないでしょうか?

また、オプションではスピードの設定が可能です。スピードの指定できる値の範囲は「10 〜 -10」の間です。data-rellax-speedという項目で設定できます。ちなみにデフォルトのスピードの値は「-4」とのこと。

スピードの強さを調節しながら、実装するサイトの雰囲気にあわせてカスタマイズできるのがいいですね。

ファイル容量がかなり軽量なので、たくさんの機能やオプションが用意されているわけではありませんが、シンプルにサクサク動作するパララックスを求めている人には、使いやすいライブラリになるはずです。

RELLAX

jQuery Pageモバイルに最適なスライドやフリップを実装できる「jQuery Page」前のページ

タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」次のページSpriteSpin

関連記事

  1. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  2. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  3. formToWizard

    JavaScript

    ステップごとに入力可能なフォームを実装できる「formToWizard」

    formToWizardはステップごとに(ウィザード)入力可能なフォー…

  4. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

  5. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  6. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP