This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray＋layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
Oddly enough, whenever we try a new graphics application, we're drawn to applying the cheesiest effects to beautifully designed typefaces. These so-called text or type effects are guilty pleasures that most designers secretly enjoy experimenting with, but would never dare use in professional work. If you're like me and love text effects—and aren't afraid to admit it—here's a thorough guide to some
Give your photos a Hollywood effectというエントリーより。 Digital media blog Ebin has written up a somewhat simple tutorial on how to give your photos the movie look with Adobe Photoshop. Photoshopを使い、写真素材を映画のワンシーンのように加工する「How to turn your photo into movie-like effect using Photoshop?」というエントリーが紹介されていました。 ↓この写真が‥‥ ↓こんな風に加工されます。 うーん、すごい。そしていい感じ。 英語のチュートリアルですが、細かく説明されているので、Photoshop使いの人だったら問題ないのではないでしょうか。
![[N] Photoshopで映画のようなエフェクトをかける方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/eeb9c3837096069f70c0d611a993a22f2b231918/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2007%2F05%2F2007_03_tut2-original.jpg)
クリックすると既存のページにオーバーレイ効果を施して表示されるボックスです。よくあるAJAX効果をより簡単に適用できるのがウリです。画像やログインフォームなどに応用可能。 どういう効果なのかは下記のデモを見れば分かります。アクセスしてとりあえず画像をクリックしてみましょう。 iBox Test Page http://www.ibegin.com/ibox/ibox-test.html ダウンロードと使い方の解説は以下から。 iBox / iBegin Blog (powered by evoBlog) http://www.ibegin.com/blog/p_ibox.html
Behaviour.js is deprecated Behaviour.js was my library for doing unobtrusive javascript using a combination of a CSS Selector library and some simple javascript. This functionality has now been adopted and improved upon by all the major javascript libraries. I personally use Jquery, which through the .live() method, let's you do all of the functionality of Behaviour.js, but including automatically
画像をクリックすると、背景が暗くなって画面中央に画像がうにょ～んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます。 詳細とデモは以下から。 Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm http://videobox-lb.sourceforge.net/ 上記ページにあるサムネイル画像をクリックすれば実際にどんな感じで表示されるかを確認できます。 YouTubeの場合 MetaCafeの場合 Google Videoの場合 iFilmの場合 オリジナルのFlashの場合 最新版はムービーの縦横幅を指
Some time ago I came up with a technique to create digital smoke using the Liquify filter in Photoshop. Although it was a simple and efficient way to achieve that sort of effect, people sent me emails asking how to customize it or that it wasn't so easy to follow. In this tutorial we are going to show you how to easily create digital abstract smoke using both Illustrator and Photoshop. One of the
SimpleJS SimpleJS is a javascript library simple and light proposing functions ready with the use to facilitate the exploitation of ajax. 超軽量JavaScriptフレームワーク「SimpleJS」。サイズはなんと14KB. 機能は次のような感じ。
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
これはオブジェクト指向JavaScriptライブラリ PrototypeのEffectのサンプルです。付属のサンプルにちょっと手を加えてちょっ と日本語訳したものです。 Effect.Fade() & Effect.Appear() 呼び出し方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
i'm no longer updating this. see http://www.chungeez.com/glibtv2 for the newest image gallery (more features, flexibility and with better cross-browser manners), phodyssey for a POC with photo RSS visualization, and http://www.chungeez.com/flibt for another one. previous | next asad dot sheth at gmail dot (you know what it is) "borrow" the code =) hey all! i needed a quick gallery solution for dro
社外勉強会の講師をすることになりました。 テーマは「JavaScript Effect Programming」 資料を公開します。 http://Sample.ECMAScript.jp/20060329.ppt 内容は・・・ JavaScript Effect Programming Effect の仕組み クラス設計 Delay 機種依存性の解決 Busy 状態の緩和 おまけ(上の資料内容を使って実現したゲーム) http://Sample.ECMAScript.jp/20060329.html ← 昨日(というか今日)の日記の高速化バージョン ルールは、ブロックの光の移動を寸止めでクリック(or キープレス)で止める。それを繰り返す。 やっぱりあんまり昨日のと変わらないなぁ。もっと、重いプログラム書かないと・・・。
画像がズームしながら浮かび上がってくる特殊効果 May 25, 2007 9:30 AM written by 8maki panic.comでは画像をクリックするとき、ちょっと楽しい。 画像がズームしながら浮かび上がってきます。ズームアウトもするするーっと戻っていく感じ。 Lightbox.jsでもZOOM用のライブラリーがありますが、これはZOOMするときのアニメーションが小気味いいですね。 実装したい方はこちらから。 → effects.js 細かいドキュメントは無いみたいですが、panic.comや作者のブログを参考にしてみてください。 » panic.com Info: 特殊効果 | 固定リンク | コメント (1) | トラックバック (0) | ↑ コメント一覧 少し気になりましたので、コメント経由で... effects.jsのライセンスに関する記載を拝見しましたが、
当サイトでも開発段階から紹介していたJavaScriptのライブラリ Ext 2.0が、2007年12月4日にファイナル版をリリースしました。 Ext 2.0 Final Released Ext 2.0は、OSみたいなウェブアプリケーションからちょっとしたアクセサリまで魅力的なスクリプトが実装可能です。 Extは、下記よりダウンロードできます。 Download Ext JS Library ファイナル版のリリースにあたり追加されたデモと、利用度が高そうなデモを紹介します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
