RELLAX

JavaScript

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

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

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

デモ

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

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

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

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

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

RELLAX

関連記事

  1. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  2. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  3. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  4. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  5. ptrLight

    JavaScript

    モバイル用のリフレッシュインジケーターを実装できる「ptrLight」

    ptrLightはモバイル用のリフレッシュインジケーターを実装すること…

  6. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP