夢みるゴリラ
夢みるゴリラ
  • 最終更新日：

Javascriptで試してみたいライブラリ

jQueryに依存しないで試してみたいライブラリをまとめる

lax.js

スクロールに応じて、スムーズにアニメーションしてくれる軽量のプラグイン。

参考
便利なのが登場！スマホにもスクロール時に滑らかなアニメーションを適用できる超軽量スクリプト
coliss

basicScroll.js

スクロールした位置に応じてパララックススクロールを実現してくれるプラグイン。

参考
デスクトップとスマホの両方に対応！さまざまなパララックススクロールを実装できるスクリプト
coliss

Barba.js

PJAXを使ったシームレスなページ推移を実現してくれる軽量プラグイン。

参考
非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト
coliss

nano.js

jQueryで必要なものだけを揃えた超軽量ライブラリ。これがあればjQueryを読み込む必要なし。

参考
基本的なDOM操作を実行するためだけに開発されたシンプルなライブラリ
coliss

Tarnis.js

スクロールの速度に合わせたアニメーション、スクロールの位置に合わせたパララックス、マウスの位置・速度に合わせたパララックス、ビューポートのサイズに合わせたレイアウト変更などを実装するために、ビューポートを監視し、その状態を簡単に取得できる軽量JavaScriptライブラリ。

参考
スクロール・マウスの位置や速度など、ビューポートの状態を簡単に取得できるJavaScriptライブラリ
coliss

APIを使ってJSONを取得して出力

他サイトのAPIを使ってJSONを取得して、それを自分のサイトに出力。