mootools 1.0のプラグインやサンプル、デモなんかをまとめてみた。

Mootools version1.0を使ったプラグインとごくごく簡単なサンプルをまとめてリストにしてみました。他にもチュートリアルやデモサイトへのリンクもあります。

Mootools 1.0+ Plugins, Examples, Tutorials & Demos List
* moo.fxやversion1.0以前で動くものは一部をのぞいて除外してます。tracやforumを常に追っている方にはあまり有用では無いかも。

リストもサンプルも随時更新していくつもりです。

2009/05/14追記:検索でもトップのほうに来るのに、全然更新もしないし1.2以降に対応してなくてすいません。1.11から1.2に対応させるにはこちらあたりが参考になるかと存じます。
Conversion from 1.11 to 1.2 - mootools-core - GitHub

参考関連記事リンク

livedoor clip Comment

6 Comment

linyows

linyows Says...

#1 at June 25, 2007 11:02

はじめまして![くま]
こういう日本語のリストがあるとすごく助かります!
更新がんばってください。[びあ]
ありがたく使わせていただきます[芽]
ありがとう![にこっ]

cie

cie Says...

#2 at June 28, 2007 00:17

>>1
linyows さん、はじめまして。[にこっ]

5月末くらいから更新できていません……すみませんすみません。更新がんばります。ありがとう。[どーもくん]

kadokuma

kadokuma Says...

#3 at December 01, 2007 16:01

初めまして。
とても参考になりました。
本当に有り難うございます。
お聞きしたい事があるのですが、
Mootools 1.0+ Plugins, Examples, Tutorials & Demos Listのページで
サンプル等の内容を表示する際に使われているエフェクトは
どういう方法でやられているんでしょうか。
とても素敵なので。
大変お手数ですが、ご指導頂ければ幸いです。
よろしくお願いします。

cie

cie Says...

#4 at December 03, 2007 13:30

kadokuma さん、はじめまして。
またまた3ヶ月近く更新さぼってごめんなさい……また手が空いたらやりますんで……[だめーじ]

では、ご質問のエフェクトについてですが、クリックした項目の内容を表示する際に使うのは Accordion エフェクトですね。
それに、クリックした項目のトップへ自動でスクロールさせる事と、項目の背景色を変化させる事を組み合わせてあります。
#各項目にカーソルを合わせた際のエフェクトはまたすこし違います。

具体的に一から説明するのは時間もかかりますしアレですので、mootools 公式のデモやドキュメントなどを参考に色々と挑戦してみてください。
あと、まとめリストで使用している javascript のコードはこちらにありますので、あわせて参考にしてみて下さい。
[url]http://rosea.jpn.org/mootools/site.js[/url]

CSS と javascript の知識があればそれほど難しくはないと思いますよ。[さむあっぷ]

kadokuma

kadokuma Says...

#5 at December 05, 2007 22:35

ご親切に有難うございます!
がんばって勉強します。
またご指導頂ければ幸いです。
有難うございました。

Kana

Kana Says...

#6 at January 11, 2008 09:13

有難うございます!とっても参考になるサイト!早速ブックマークします![さむあっぷ][ぱちぱち][きらきら]

Make a Comment

  • Name と Comment は必須項目です。
  • Gravatar に対応しています。アドレスは表示されませんが title 属性に格納されます。
*
*

3 Trackback

mootools v1.2 がリリースされています。:buena suerte!

mootools v1.2 がリリースされています。

#1 at June 11, 2008 12:58

半年以上諸々チェックできてないので、どこがどう変わったのかまだよくわかりませんが、とにかくリリースされてます。 MooTools - home なんだか前と比べてサイトの配色がえらくすっきりしてしまいましたね……こういうのも好きですけど。 通常は以前のようにコンポ...

MooTools で Twitter のメッセージを表示させるサンプル。:buena suerte!

MooTools で Twitter のメッセージを表示させるサンプル。

#2 at May 17, 2009 22:55

今回は MooTools を使って Twitter の JSON 形式のデータを受け取り、メッセージを表示させる方法を、簡単に紹介します。 動作確認 OS Windows XP Browser Firefox 3.0.10, Opera 9.64, Chrome 1.0.154.65, Safari 4 Public Bata(528.16), IE6(IETester), IE7, IE8(IETeste...

Smart Columns w/ CSS & jQuery を MooTools で。:buena suerte!

Smart Columns w/ CSS & jQuery を MooTools で。

#3 at June 18, 2009 00:06

リキッドレイアウトなんかの時、自動でカラム数やカラム幅を調節してくれるなんだか便利そうな jQuery プラグインがあったので MooTools で試しにやってみた。 参考記事 Smart Columns w/ CSS & jQuery by Soh Tanaka. 基本的に MooTools 用のコードに変換しただけで、....
Trackback URI:
http://trackback.blogsys.jp/livedoor/cie/50727093
About Me
avatar
Name: cie
すべての人々に幸運を!
http://blog.livedoor.jp/cie/
cie.buena.suerte[at]gmail.com
My Profile by iddy
Technorati Profile
Total Visitors: cont
このブログのはてなブックマーク総数
Feed
Subscribe to This Blog Feed
Subscribe with livedoor Reader
Add to Bloglines
Add to MyYhaoo!
Add to Google
Add to gooリーダー
Add to Exciteリーダー
Add to Hatena::RSS
feedburner
Templates
lightcyan
several line
division
pinkish line
flier
4seasons
xmas
clover
cheap paper
oblique
drops
dressy
burberry
border
plain
plastik
ink
rounded
テンプレートのご利用に関して
Category Archives
customize
computer
design
diary,murmur
javascript
liga
moblog
mootools
nature
quicktags
sports
template
tv,movie
web
Monthly Archives
2009
04
05
06
2008
03
04
06
2007
01
02
03
04
08
2006
01
02
03
04
05
06
07
08
09
10
11
12
2005
01
02
03
04
05
06
07
08
09
10
11
12
2004
08
09
10
11
12