Edited at

javascript libray


javascript ライブラリ

Webサイトを制作する際にライブラリを探すのが手間だと思いまとめました。

(独自のライブラリを持ってる方は読んでも特に得るものはないかと思います。)

読んだ方で普段使用しているライブラリがない方はコメント頂けると幸いです。

追加・Typed.jsを追加


各種ライブラリ一覧


◆アニメーション

・Tween Max

 ソース

 使い方

 ライセンスについて

・velocity(MIT)

 ソース

 使い方


◆テキストアニメーション

・Typed.js

ソース


◆SVGアニメーション

・paper.js(MIT)

使い方

ソース


◆スライダー

・slick(MIT)

 ソース

 使い方

・owl-carousel2(MIT)

 ソース

 使い方

・bxslider(MIT)

 ソース

 使い方


◆モーダル

・remodel.js(MIT)

 ソース

 使い方

・featherlight.js(MIT)

 ソース

 使い方

・colorbox(MIT)

 ソース

 使い方


◆メニュー

・drawer(MIT)

 ソース


◆円グラフをアニメーション

・easy-pie-chart.js(MIT)

 ソース

 使い方


◆画像、加工

・glfx.js(MIT)

 ソース


◆エンコード用のjs

ソースにある文字をエンコードするjs(デコードも可能)

・encoding.js(MIT)

 ソース

 使い方


◆ユーザーエージェント

・ua-parser-js(MIT GPLv2)

 ソース

・UserAgent.js(MIT)

 ソース

 wiki


◆ロードに関するもの

・imagesloaded(MIT)

imageが読み込まれた後に関数を実行させる

 ソース

 使い方


◆ブラウザ・各種判定

・modernizr(MIT)

ブラウザで機能をサポートしているか判定する

 ソース

 使い方

・jquery-browser-plugin(MIT)

どのブラウザを使用しているか判定する

ソース

使い方


◆placeholder(プレースホルダー)

・jquery-placeholder(MIT)

ie9でプレースホルダーを実装

 ソース


◆cookie

・js-cookie(MIT)

クッキーの制御

 ソース


◆非同期通信

・pjax(MIT)、IE11、defunkt版

 ソース

・pjax(MIT)、ie非対応、falsandtru版

 ソース

・es6-promise(MIT)

連続して非同期通信をする場合使用(promiseメソッドがieで対応してないので、ie用に使用する)

 ソース

 理解(使い方)


◆スクロール

・jquery-smooth-scroll(MIT)

アンカーなどのページ内遷移をスクロールしながら移動する

 ソース

 使い方

・jquery-mousewheel(MIT)

スクロールイベントの制御

 ソース

 使い方

・jScrollPane(MIT or GPL)

スクロールバーのデザイン変更

 ソース

 使い方

・nanoscrollerjs(MIT)

スクロールバーのデザイン変更

 ソース

・jquery.scrollto(MIT)

特定の箇所にアニメーションしながらスクロール

 ソース

 使い方

・jquery.inview(WTFPL)

ウィンドウ内に要素が表示された時に処理を行う

 ソース

 使い方1

 使い方2

・ScrollMagic(MIT and GPL)

スクロールアニメーション用ライブラリ

 ソース

 使い方1

・scroll reveal(MIT)

スクロールアニメーション用ライブラリ

 ソース

 使い方1

・animate on scroll(MIT)

スクロールアニメーション用ライブラリ

 ソース

 使い方1


◆配列、オブジェクトの操作

・underscore.js(MIT)

配列,オブジェクトの操作をはじめ,関数,オブジェクトなどを扱う際の便利関数が80あまり定義されてる

 ソース

 使い方

 Underscore.jsのおすすめメソッド12選

・lodash.js(MIT)

 ソース


◆イベント、スクロール・リサイズ・クリック

・jquery-throttle-debounce(MIT or GPL)

スクロール、リサイズした時に、数秒ごとにイベントを発生させる

 ソース

 使い方

・fastclick(MIT)

スマホのクリック反応を速くする

 ソース

 使い方


◆パララックス

・パララックスまとめ

 サイト


◆flexbox

flexboxが対応していない端末用。flexboxのポリフィル

 ソース

 使い方


◆sectionごとのスクロール(フルスクリーン・パララックス)fullPage.js

・フルスクリーンでのスクロール制御ができる、途中にsliderも入れられる

 サイト