mootools 1.2 cheat sheet | mediaVROG Blog
The Javascript Framework mootools recently hit the “advance” button and so mootools 1.2 was published! It comes along with great new features and speed improvements. For your coding pleasure, i just updated my cheat sheet to the new revision. It includes cheat sheet like documentation for Core, Native, Class, Element, Utilities and Request. I’ll launch another cheatsheet which will cover FX and Pl
[JS]Mootoolsのプラグイン 41選 | コリス
specky boyのエントリー「Mootoolsのプラグイン Best 41」から、Mootoolsのプラグインをいくつか紹介します。 41 of the Best MooTools Ajax Example Downloads
スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 | CREAMU
DiaryTechnology スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 スライドイン&アウトするメニューが作りたい。 そんなあなたにおすすめなのが、『Two CSS vertical menu with show/hide effects』。スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアルだ。 このエントリーでは、シンプルなjsでクリックすると現れるメニューと、mootoolsを使ってスライドイン&アウトするメニューの2つが紹介されている。 デモはこちら↓。 » Live preview ソースコードも公開されているので、すぐに実装可能だ。 スライドインする垂直型メニューをCSS+Javascriptで作成するチュート
[JS]画像にテキストなどの付加情報を表示するスクリプト -MooFilm
MooFilmは、画像にマウスを重ねると、テキストやリンクなどの付加情報を、フィルムでかぶせるようなアニメーションで表示するスクリプトです。 <textarea name="code" class="html" cols="60" rows="5"> <a class="use_film" href="images/546.jpg" target="_blank" title="Fish"> <img src="images/546.jpg"/> <div class="use_credits">A image with title, i
JavaScriptとFlashで実装する33の画像ギャラリー
vivalogoのエントリー「33のJavaScriptとFlashの最も美しいギャラリー」から、いくつか画像ギャラリーを紹介します。 33 Most Beautiful Javascript and Flash Galleries JavaScriptで実装する画像ギャラリー
[JS]テキストや画像をスライドして表示するスクリプト -iCarousel
iCarouselは、テキストや画像をスライドして表示するニュースティッカーと画像ギャラリーを実装できるスクリプトです。 iCarousel ニュースティッカーは一行タイプのものからパネル状のものまであり、画像ギャラリーは画像をスライド表示するものからサムネイル表示で拡大画像を表示するものまで、さまざまなタイプが実装できます。 ニュースティッカー：シンプル版のデモ ニュースティッカー：クリック機能付きのデモ ニュースティッカー：パネル版のデモ 画像ギャラリー：横タイプのデモ 画像ギャラリー：縦タイプのデモ 画像ギャラリー：拡大画像のデモ iCarouselはmootoolsのプラグインのため、動作にはmootools.jsが必要です。
[JS]サイトのアクセントに使えるスクリプトを収集しているサイト -Hot! Ajax
Hot! Ajaxは、jQuery、mootoolsのプラグインやlightbox系スクリプトをはじめ、サイトのアクセントに使えるさまざまなスクリプトを収集しているサイトです。 Hot! Ajax Hot! Ajaxにエントリーされているスクリプトは、「jQuery」「mootools」「Lightbox」「いろいろ」にカテゴライズされています。 それぞれのスクリプトには、キャプチャやダウンロード・デモページへのリンク(デモがある場合も有り)が掲載されています。
JavaScriptライブラリ「mootools」をマスターするためのサイト14
twitter facebook hatena google pocket 軽量なJavaScriptライブラリとして一定の地位を得ているmootools。 今回はmootoolsをマスターするためのサイトを紹介します。 追記： 2008/2/15 １サイト sponsors Reference ・mootools 1.11 リファレンス ・moo.fxリファレンス ・mootoolsの機能まとめ HowTo / Review ・ドキュメントも充実「mootools 1.0」 - 軽量なAjax/JavaScriptライブラリ ・Ajaxライブラリ MooTools の紹介 ・あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! ・軽量 javascript effect library - moo.fx PLUGIN ・mootools Plugins ・Mootoo
画面をダイナミックに使ったナビゲーション（melissahie.com） | SIMPLE*SIMPLE
シンプルかつダイナミックなナビゲーションを採用したサイト。デザイナーのMelissaさんのポートフォリオサイトですね。 ↑ ここからスタート。「READY, GO!」をクリックすると・・・。 ↑ 画面がぐいーん！と動いて・・・。 ↑ このように切り替わります。 そんな感じでジェットコースター気分でサイトを見てまわることができます。ちょっと気分がいいですね。シンプルなサイトを作りたい方は参考にされてみてはいかがでしょうか。 » www.MelissaHie.com
MOONGIFT: » JavaScriptとCSSの融合「Dynamic CSS via JavaScript」:オープンソースを毎日紹介
JavaScriptを使ってCSSを変更というのは良くあることだ。例えばクリックで表示を消す場合やフェードアウトさせるような類のイフェクトがある。$("hoge").style.display="inline";のような指定をするだろう。 しかしこれではCSSとJavaScriptの距離が遠い。もっとダイナミックにCSSを操作しよう。 今回紹介するオープンソース・ソフトウェアはDynamic CSS via JavaScript、JavaScriptによるCSS操作ライブラリだ。 まさにダイナミック。CSSというオブジェクトを生成し、そこにルール（CSS指定）を追加していくという形式で描かれる。スタイルタグを動的に生成し、描画を変化させられる。 利点は何だろうか。まず、CSS上の指定を変数にまとめられるようになる。また、タグクラウドのような状態によってフォントサイズを変更するようなものを、
[JS]デザインがかっこいいカレンダーのスクリプト -calendar.js
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements カレンダーには3つのデザインが用意されており、スタイルシートでデザインの変更も可能です。 calendar.jsはmootoolsのプラグインのため、動作にはmootools.jsが必要です。
[JS]動きが軽快なアコーディオンタイプのナビゲーション -Mootools menu
Mootools menuは、スムーズにアニメーションする動きが快適なアコーディオンタイプのナビゲーションのスクリプトです。 Mootools menu with accordeon and effects アコーディオンの開閉時にもフェード効果があり、よい演出だと思いました。 ナビゲーションの階層表現(デモのgraphic design-custom designでレベル3)の見た目が同じなので、インデントや色・形などで見た目に変化をつけないとちょっと分かりづらいかもしれません。 Mootools menuはmootoolsのプラグインで、動作にはmootools.jsが必要です。
[JS]エレメントを開閉する3つのアコーディオンのスクリプト
スルスルと開閉動作するアコーディオンを実装するmootools.jsベースのスクリプトを3つ紹介します。 Accordion with color transition example
MooTools Demos: Accordion
AccordionDownload Introduction The Accordion gives you a fancy way to only show the really needed content. Common ancestor The first suggestion that all organisms may have had a common ancestor and diverged through random variation and natural selection was made in 1745 by the French mathematician and scientist Pierre-Louis Moreau de Maupertuis (1698-1759) in his work Venus physique. Specifically:
[JS]ドラッグで移動可能なMac OS Xのドック風メニュー -Docking Menu
Docking MenuはMac OS Xのドック風のメニューで、水平・垂直方向に設置することができるスクリプトです。 Docking Menu Docking Menuはmootoolsのプラグインで動作します。 メニューの表示は、水平方向・垂直方向に設置が可能で、ドラッグによりメニュー自体の移動と、メニュー内の各項目の移動も可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]画像やパネルをスムーズにスクロール表示する -noobSlide
Blogger
[JS]mootoolsの軽量版のJavaScriptフレームワーク -moo.rd
[JS]Flickrの画像をスライドショーで表示するスクリプト -MooPix
[JS]フロートウインドウを生成するスクリプト -Mocha