Web 2.0エフェクトとリッチクライアントアプリケーション：CodeZine
ケーススタディ: グラスシャドウエフェクト 「グラスシャドウエフェクト」（または「曇りガラス効果」）は、Yahoo、Kayak.com、DealOgre.comなど、いくつかの人気サイトで導入されています。このエフェクトの背景にあるアイデアは、ページの残りの部分へのアクセスを不能にして、ユーザーに何かの情報を表示するというものです。このエフェクトには多くのバリエーションがありますが、いずれの実装でもメッセージと共にダイアログが表示され、その背後でページの残りの部分がぼかされたり暗くなったりします。 これはユーザーの注意を即座にダイアログに引き付けて、ダイアログとの対話を促す、かなり印象的なエフェクトです。このエフェクトを実現するためのテクノロジとツールキットはいくつかありますが、本稿ではもっぱらJavaScriptとDHTMLというソリューションを考察します。このアイデアは、現在のページU
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 MOTION TWEEN
TweenConstructorMethodsExampleEasing functionsExampleEventsEvents listenersColorTweenConstructorExampleOpacityTweenConstructorExampleTextTweenConstructorExampleSequenceMethodsEventsUsageExampleParallelSee it in action The Tween class CONSTRUCTOR var t = new Tween(object,property,easing,start,end,duration,suffixe); object: type:Object The object you want to modify. It can be any object, a visual ob
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
