Liveweave HTMLエディター
Check out our Python playground! Python is the most popular general-purpose programming language in the world, widely used in Artificial Intelligence, Machine Learning, and Data Science projects. Supports popular Python libraries like Numpy, Matplotlib, SciPy, Pandas, and more! Share your public code with anyone, or make it private Features advanced auto-completion technology Try it now!
モーフィングアニメーション機能が追加された 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_
Bridge Word
This shop will be powered by Are you the store owner? Log in here
クール! Flash/Javaアプレット不要、Script.aculo.usでクロスフェード (MYCOMジャーナル)
18th Street Software, Mike Arace氏は自身のブログにおいて、FlashやJavaアプレットといったサードパーティプラグインを使わずにアニメーション効果を実現する方法を紹介している。 同氏は、これまでWebでアニメーション効果を実現したい場合、FlashやJavaアプレットなどのサードパーティプラグインを使わないといけないと考えられてきたが、最近のAjaxやDHTMLの普及により状況が変わったとしする。 そして、具体例として閲覧するWebブラウザに依存しないクロスフェードのデモンストレーションを紹介する。 このデモはScript.aculo.usを使って開発され、3つのテキストデータが5秒おきにクロスフェードしながら表示されるというものだ。JavaScriptを適切に処理できるブラウザであれば特別なプラグインは必要ない。 最初に表示される画面。下部の緑色のボック
Script.aculo.us の Effect をちょっと簡単に書く方法 - IT戦記
普通はこういう風に書く new Effect.Opacity($('id'), {from: 1, to: 0});こういう、インスタンスを取得しない new は JavaScript では一般的に使われる。 関連するプロパティを this にまとめ、イベントを this に bind して分かりやすくするためである。 でも、慣れてないと逆にわかりにくい。 それで、最近のScriptaculousではこう書ける。 $('id').visualEffect('opacity', {from: 1, to: 0});こっちのが、ちょっとイメージ掴みやすいですよね。 ついでに、こんな書き方も出来るかも！(未検証) <a href="javascript:void(0);" onmouseover="Element.extend(this);" onclick="visualEffect('opa
ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col
script.aculo.usのEffectで文字が滲む、ぼやける(IE) - Enjoy*Study
script.aculo.usのEffect(Effect.FadeやEffect.Apperなどのような、透過率が変わるもの)にて、IEの場合に文字が滲んだようにぼやけて表示されることがあります。 script.aculo.us - web 2.0 javascript background-colorが設定されていない要素に対してEffectを行った場合に発生します。 といっても、必ず発生するわけでも無く、文字のサイズや、解像度によっても変わるようです。 下記にサンプルをおきましたので、IEで表示してみてください。 script.aculo.usのEffectで文字が滲む、ぼやけるサンプル 私のマシン(解像度：SXGA)では、、 15px：問題なし 18px：英数字のみ滲む。 25px：全ての文字が滲む。 といった感じです。 background-colorが設定してあれば滲まないので
scriptaculous のデモをローカルで実行する - 2nd life (移転しました)
http://rails2u.com/misc/scriptaculous/test/functional/ scriptaculous 1.5.2 が出ましたね。主な変更点は scroll の drag & drop がサポートされたとか。で、scriptaculousのサイトを見ても新機能のデモは載ってません。そんなときはローカルで動かして見るのがお手軽でオススメです。 方法はscriptaculousのパッケージに含まれる test/functional/index.html*1 を開くだけでOK。そこからリンクが張られているのでいろいろなデモ(test)を見ることができます。たとえば、今回1.5.2で実装された scroll の drag & drop 機能なら http://rails2u.com/misc/scriptaculous/test/functional/dragdr
CMS researcher - Greasemonkeyでprototype.jsやscript.aculo.usを使う方法
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading External JavaScript Libraries in Greasemonkey このブログで解説されているアプローチを用いれば、Greasemonkeyで外部JavaScriptライブラリが使えるようになります。 ポイントは、 外部ライブラリがロードされるまで待ち続ける制御構造 unsafeWindowを経由して外部ライブラリにアクセス といっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
