script.aculo.us リファレンス
script.aculo.usはAjaxライブラリの1つです。現在のバージョンは1.8.3です (2010.8.21時点)。このバージョン1.8.3はprototype.jsのバージョン1.6.1以降で動作します。 version 1.6.4 リファレンス version 1.6.5 リファレンス version 1.7.0β1 リファレンス version 1.7.0 リファレンス version 1.7.1β1 リファレンス version 1.7.1β2 リファレンス version 1.7.1β3 リファレンス version 1.8 pre1 リファレンス version 1.8.0 リファレンス version 1.8.1 リファレンス version 1.8.2 リファレンス version 1.8.3 リファレンス
jQuery用のscript.aculo.usがリリース「jQuery UI」:phpspot開発日誌
jQuery UI: Widgets, Components, and Interactions jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. jQuery用のscript.aculo.usがリリース「jQuery UI」。 ドラッグ＆ドロップ、ソート、エレメント選択、リサイザブル、アコーディオン、カレンダー等、ＵＩに関わる機能が盛りだくさんです。 Interactions Draggables Droppables Sortables Selectables Resizables Widgets Acco
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
prototype.jsベースの伸縮するアコーディオンＵＩ実装ライブラリ「Accordion v1.0」:phpspot開発日誌
prototype.jsベースの伸縮するアコーディオンＵＩ実装ライブラリ「Accordion v1.0」 2007年07月17日- Accordion v1.0 Demo You need to include accordion.js but it requires prototype.js and effects.js prototype.jsベースの伸縮するアコーディオンＵＩ実装ライブラリ「Accordion v1.0」。 prototype.jsとscript.aculo.usのeffect.jsをベースに、mootoolsで作れるようなアコーディオン風ＵＩを実装できるようです。 なかなかカッコいいＵＩなので、prototype.jsユーザに嬉しいライブラリですね。
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
script.aculo.usでHTML Slidyを改造
script.aculo.usでHTML Slidyを改造 CSS Nite in Osaka 2007 春の陣 前夜祭のプレゼンで使ったスライドですがscript.aculo.usを使って改造しています。 改造方法をちょっとだけ紹介します。 script.aculo.usというのはPrototype.jp上で動くエフェクトライブラリで、簡単にWEBサイト上の部品にアニメーションのようなインタラクティブな効果を与えることができます。 あの有名なLightboxなどもscript.aculo.usを使い作られています。 まず、script.aculo.usの公式サイトよりライブラリをダウンロードします。 ダウンロードしたファイルを解凍しlibディレクトリの中身とsrcディレクトリの中身をサーバー上のjsディレクトリにアップします。 (ディレクトリ構成は好みに別れますがボクはjsディレクトリに
超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
追記文章の折りたたみ 2.0 サンプル
Movable Type のオーソドックスなカスタマイズのひとつ、「追記文章の折りたたみ」の Web2.0 版カスタマイズをご紹介します。 １．特徴 JavaScript エフェクトライブラリ script.aculo.us（スクリプタキュラス）を利用し、「続きを読む」リンクをクリックすると追記文章をスライドダウンで表示します。 JavaScript が無効の場合はエントリー・アーカイブにジャンプします。 「続きを隠す」リンクは追記文章の前後に表示されますので、長い追記文章でも折りたたみやすくなっています。 ２．サンプル 追記文章の折りたたみ 2.0 サンプル ３．script.aculo.us のインストール script.aculo.us のページの「get it already!」の下にある「Downloads page」のリンクをクリック。 次のページで「current versi
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
モーフィングアニメーション機能が追加された script.aculo.us 1.7 beta リリース:phpspot開発日誌
モーフィングアニメーション機能が追加された script.aculo.us 1.7 beta リリース 2006年11月24日- mir.aculo.us モーフィングアニメーション機能が追加された script.aculo.us 1.7 beta リリース。 モーフィングアニメーションとは、次の画像があったとすると。 次の画像のように徐々に変わっていくアニメーションです。 サンプルは次のような感じで、他の Effect 同様、実装は非常に簡単です。 new Effect.Morph('error_message',{ style:'background:#f00;color:#fff;border: 20px solid #f88; font-size:2em', duration:0.8 }); // same thing with Element morph is $('error_
Script.aculo.usにモーフィング機能が登場 | SIMPLE*SIMPLE
Javascriptでさまざまな効果を実現できるscript.aculo.usがバージョンアップ。今回の目玉は「モーフィング」。指定したエレメントをぐーっと変形させていくことができます。 といっても、見るまでわからないと思うので下記ページのデモをどうぞ。 » モーフィングデモページ （すげぇ・・・） script.aculo.usには他にもいろいろな効果がありますね。なにかサービスをつくるときには参考にされてみてはいかがでしょうかね。 しかしscript.aculo.usには二つの問題がありますね・・。 サイトが激重い・・・。 なんて発音するのかいまだにわからない。 » script.aculo.us公式ページ
Bridge Word
This shop will be powered by Are you the store owner? Log in here
JavaScriptとCSSを使ったクールなメッセージBOX:phpspot開発日誌
Crossfade DIV Demo For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done. JavaScriptとCSSを使ったクールなメッセージBOXのデモ。 ライブラリはscriptaculousを使用。 スクリプト自体は非常にシンプルで、単純にsetIntervalでタイマーをまわしてscriptaculousのEffect.fade / Effect.appear で各DIVを切り替えているだけのようです。 デモサイト上のソースをみれば、プログラミングの知識がない方でも実装できそうです。 WEBデザイン時のちょ
JavaScriptポップアップを少し遅らせて閉じる効果を作成するサンプル:phpspot開発日誌
Timeout your Mouseovers This is a fun effect I built for Chowhound that does one better for mouseovers. The problem with most menu systems is that they're really touchy whether you're too fast or slow with the mouse. マウスオーバーするとポップアップするようなエフェクトはよく見かけますが、マウスアウトしたときにすぐ消えるのではなく、しばらくしてから消したいような場合に使えるサンプル。 prototype.js, scriptaculous(effect.js) を使って実装しているようです。 通常はマウスアウトするとすぐに消えますが、余裕を持たせて閉じるというのも触った感触とし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
http://blog.macfeeling.com/archives/2923
http://youmos.com/news/reflector
Mike-O-Matic 損 A CSS Crossfader Demo
script.aculo.us リファレンス
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » script.aculo.us 1.7 beta demos