Skip to content

JS Library

Underscore.js

Underscore.js - template
Two.js
SVG、Canvas、WebGLのどの環境でも同じAPIを通してベクトル方式の二次元描画が可能なJavaScriptライブラリ。アニメーションも。
famo.us Stress Test Demo
高速で綺麗なHTML5アプリケーションのためのフレームワークFamo.usが完全無料に | TechCrunch Japan
nanoScroller.js
ミニマル＆必要なときだけ現れるMac OS X Lionライクなスクロールバーを実装するjQueryプラグイン。
perfect-scrollbar
デザインを損なわないスクロールバーを設置します。
Moment.js
日付処理ライブラリ。日本語も対応。
Helium
納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium | コリス
keymaster.js
キーボードショートカットにイベントを定義
flowchart.js
Draws simple SVG flow chart diagrams from textual representation of the diagram
Mythli/jquery.ytLoad
jQueryのajax通信時にプログレスバーを表示できるプラグイン。コールバックがあったりカスタマイズ性も高そう。
Fancytree
ツリー表示
Intro.js
5分で完了！Webサイトに簡単にチュートリアルが作れるIntro.jsの使い方 | ランサーズ（Lancers）エンジニアブログ
Slideout.js
A touch slideout navigation menu for your mobile web apps.
FileSaver.js demo
Dropify
Override your input files with style.
Holmes
Fast and easy searching inside a page.

Ajax

superagent
Ajax with less suck - (and node.js HTTP client to match)
axios
Promise based HTTP client for the browser and node.js
SimpleModal
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development.
SIMPLEMODAL
SIMPLEMODAL is a small plugin to create modal windows.

Image

watermark.js

watermarks in the browser

Animations

☆ sweep.js ☆
HSL/HUSL色空間で色の from - to をアニメーション
ElementTransitions.js
CSS3トランジション
Velocity.js
jQuery, CSS3アニメーションを高速化するjQueryプラグイン。現コードの$.animate()を$.Velocity()に変えるだけでもパフォーマンスUP - Velocity.jsによるフェーズ有りアニメーションの実装 « LINE Engineers' Blog
jQuery WebGL Ripples
nanobar.js
Very very lightweight progress bars
Popmotion
JavaScript animation, physics and input tracking
delayDo
a tiny timer management plugin for jQuery
anime.js
Anime (/ˈæn.ə.meɪ/) is a flexible yet lightweight Javascript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.
Tilt.js
A tiny parallax tilt effect for jQuery

Articles

UI

Switchery
iOS 7 style switches for your checkboxes

日付処理

Moment.js
Parse, validate, manipulate, and display dates and times in JavaScript. - 日付処理が楽になる！Moment.jsの使い方 - Qiita

Text関連

Textillate.js

テキストをCSS3のさまざまなアニメーションで表示します。

Text Effects | Fourdesire 四合願

ランダムな文字を次々に表示し、一つのテキストをアニメーションで生成します。

azu/textlint

Microsoft/JSanity

A secure-by-default, performant, cross-browser client-side HTML sanitization library.

3D

Away3D

WebGL

Table

Handsontable

Excel-like spreadsheet for web apps. Handsontable is ready to use, open and free JavaScript component.

FixedMidashi

htmlテーブルヘッダの固定

  • CSS property: padding, border on th and td cause calc bug.
  • for making padding: 
    $('[_fixedhead] th, [_fixedhead] td').wrapInner('<span class="FMCELL" />');
FixedMidashi.create();

    th, td {
  /* FixedMidashi requires padding left/right 0. */
  padding: 4px 0;

  .FMCELL {
    padding: 0 4px;
  }
}