JavaScript
 | 

【ジャンル別】JavaScript(jQuery)おすすめプラグインのまとめ

スライダーやポップアップなどを手軽に実装できるJavaScript、またはjQueryのプラグインをまとめました。

スライダー・カルーセル系

スライダーの定番 - Swiper

https://swiperjs.com/

特に理由がなければ、スライダーはSwiperを使えば間違いないでしょう。

(jQuery 不要)

 

カレンダー系

軽量・シンプル・使いやすい - pickadate.js

https://amsul.ca/pickadate.js/

軽量のカレンダーライブラリ。
有名な jQuery Datepicker より使いやすいです。

 

 

ポップアップ系

YouTubeやVimeoにも対応 - Lity

https://sorgalla.com/lity/

通常の画像以外にも、iframe動画のYouTubeやVimeoも一瞬でポップアップできます。

(jQuery 必要)

 

スクロールアニメーション系

自分でCSSでアニメーションを作りたい時におすすめ - ScrollTrigger

https://terwanerik.github.io/ScrollTrigger/

スクロールしたら任意のクラスを付けてくれるので、自分で細かくアニメーションをCSSで作りたい場合はこのプラグインがおすすめです。

(jQuery 不要)

プラグイン側でアニメーションを設定したい時におすすめ - ScrollTrigger(GSAP)

https://www.to-r.net/media/scrolltrigger/

こちらのプラグインは、要素をスクロールに応じて表示する際の移動距離や拡大縮小などをプラグイン側で設定できます。

「CSSでわざわざ設定したくはないけど動きは付けたい」時におすすめです。

(jQuery 不要)