mootools

軽量・高速・だいたい何でも入ってる感じのJavascript用ライブラリmootoolsに関するメモです。

クラス名をクリックするとリファレンスに、 「デモ」をクリックするとその機能のデモに飛びます。

だそうです。

以下1.11準拠

コア (Core)

いろいろ。ライブラリの他の部分の基礎となる関数とか。

C++スタイルのクラス (Class)

Class

C++スタイルのクラス定義。

Class.Extras (デモ1) (デモ2)

ユーティリティークラス。「よくある定義」をサポート。

ネイティブクラスの拡張 (Native)

Array

Arrayの拡張。copyとかeachとかmapとかremoveとか。

Function (デモ)

Functionの拡張。createとかbindとかdelayとかperiodicalとか。

Number

Numberの拡張。toIntとかlimitとかtimesとか。

String

Stringの拡張。camlCaseとかhyphenateとかrgbToHexとかescapeRegExpとか。

Element

Elementの拡張。$とか$$とかreplaceWithとかsetStyleとかgetChildrenとか。

DOM要素 (Element)

Element.Event (デモ1) (デモ2) (デモ3)

イベント

Element.Filters

要素の集合から、特定のタグ/クラス/ID/属性を持つものだけを取り出す

Element.Selectors

CSSセレクタによる要素の選択

Element.Form

フォームの操作

Element.Dimensions

要素のサイズやスクロールや位置の操作

ブラウザのウィンドウ (Window)

Window.DomReady (デモ)

ページ全体の読み込みを待たずにJavascriptを起動する

Window.Size

ブラウザのウィンドウサイズを得る

エフェクト (Effects)

Fx.Base

エフェクトの基礎関数

Fx.CSS

CSSを使ったエフェクトの基礎関数

Fx.Style

単一要素の一つのCSSプロパティをいじる

Fx.Styles (デモ1) (デモ2)

単一要素の複数のCSSプロパティをいじる

Fx.Elements (デモ)

複数要素の複数のCSSプロパティをいじる

Fx.Scroll (デモ)

要素の中身をスクロールさせる

Fx.Slide (デモ)

要素をスライドさせる

Fx.Transitions (デモ)

数値の変化の仕方を指定する

ドラッグ＆ドロップ (Drag)

Drag.Base (デモ)

ドラッグ

Drag.Move (デモ1) (デモ2) (デモ3)

＆ドロップ

サーバとの通信 (Remote)

XHR

XMLHttpRequestをラップする基礎関数

Ajax (デモ1) (デモ2) (デモ3)

Ajaxによる通信

Cookie

クッキーの作成・読み込み・消去

Json

Jsonのエンコード・デコード

Json.Remote (デモ)

Jsonの送受信

Assets (デモ1) (デモ2)

動的に画像やCSSやJavascriptをロードする

その他 (Plugins)

Hash

連想配列。mergeとかextendとかkeysとかvaluesとか

Hash.Cookie (デモ)

Json形式でCookieを作成・読み込み・消去

Color

色の生成(HSB <=> RGB変換とか)

Scroller (デモ)

マウスが一定の範囲に来たときにスクロールする

Slider (デモ)

スライダー

SmoothScroll

リンクをクリックしたときにスムーススクロールする

Sortables (デモ)

ユーザが並べ替え可能なリスト

Tips (デモ)

ツールチップ (マウスオーバーで解説が出るやつ)

Group (デモ)

The Group.

Accordion (デモ)

アコーディオン(選択した要素だけが開くやつ)