クール! 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を適切に処理できるブラウザであれば特別なプラグインは必要ない。 最初に表示される画面。下部の緑色のボック
【レビュー】わずか3KB コードも1行でイカス! エフェクト - bytefx (2) 実際に見てみよう | エンタープライズ | マイコミジャーナル
bytefxデモンストレーション – アルファ効果が有効になっており、背景が透けて表示されていることがわかる bytefxデモンストレーション – この要素は逆三角形の道順を反時計回りに回転しつづけている。移動やリサイズが実行されている様子がわかる bytefxデモンストレーション – 表示する背景やフォントの色もエフェクトしながら変わることができる 図.4 bytefxデモンストレーション – デモンストレーションで表示されているのはdiv要素で作成したボックスと、spanで指定したテキストのみ 図.5 bytefxデモンストレーション – エフェクトはbytefxを使ってJavaScriptで実行されていることがわかる 図.6 bytefxデモンストレーション – ページが読み込まれると作成した関数を読んで動作を開始している bytefxが興味深いのは、こうした効果を数キロバイトという
【レビュー】わずか3KB コードも1行でイカス! エフェクト - bytefx (1) bytefx (MYCOMジャーナル)
JavaScriptで開発され、クロスブラウザで動作するライトウェイトエフェクトライブラリに「bytefx」がある。Andrea Giammarchi氏によって開発されているライブラリで、動作があげられているWebブラウザはInternet Explorer、Safari、FireFox、Opera、Konquerorなど。 bytefxはMIT Style Licenseのもとで公開されているオープンソースソフトウェア。同エフェクトライブラリは執筆現在のバージョン(0.1f)において、通常配布で6.75KB、圧縮配布で2.72KBしかない。 もっとも、圧縮配布のほうは最低限の著作権表示のほかは、1文字に変換された変数名や詰められた空白スペースなどに変換されており、可読性は著しく低い。ライブラリを読むなら通常配布をダウンロードすべきだ。 同ライブラリにおいては実現されている主なエフェクトは
超短い JavaScript Effect ライブラリ - IT戦記
ちょっと急用で実家の金沢に帰ってきた ついでに夏休みを取り、金沢の街を満喫しています。いつ来ても変わらない街。仕事のことなんか忘れて、この街でフリータでもしながら、ほそぼそと生活するのもありかもしれない。なんて。本気で考えてみたり。幸せってなに・・・ クーラーがなくても、田舎の夜は涼しい。 扇風機の風がいい感じ。 そんな夜に少し閃いて Effect ライブラリを作ってみた。 （ちなみに、Geckoしか動かなそう：未検証） (e=document.documentElement.__proto__.__proto__).effect=function(f,d){var s=this;s._i=setInterval(function(){f.call(s)},d)};e.stop=function(){if(this._i){clearInterval(this._i);delete thi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
