script.aculo.us - web 2.0 javascript
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
glayer.js - グレーアウト表示ライブラリ
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のみでフェードイン、フェードアウ
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
The Best 80 Photoshop Text Effects on the Web
For some unknown reason, each time we try a new graphics application, we feel the uncontrollable desire to apply the most cheesy effects to beautifully designed typefaces. These so called text effects or type effects are carefully hidden guilty pleasures that most designers enjoy to try, but would never dare to apply in real life work. For those like me that love text effects and have the courage
[N] Photoshopで映画のようなエフェクトをかける方法
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%2Fnetaful.jp%2Fwp-content%2Fuploads%2F2007%2F05%2F2007_03_tut2-original.jpg)
moo.fx
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Behaviour : Using CSS selectors to apply Javascript behaviours
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」
画像をクリックすると、背景が暗くなって画面中央に画像がうにょ～んと開く透過レイヤー風効果を加えるのが、かの有名な「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の場合 最新版はムービーの縦横幅を指
Creating a Stunning Digital Smoke Effect - PSDTUTS
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
超軽量JavaScriptフレームワーク「SimpleJS」:phpspot開発日誌
SimpleJS SimpleJS is a javascript library simple and light proposing functions ready with the use to facilitate the exploitation of ajax. 超軽量JavaScriptフレームワーク「SimpleJS」。サイズはなんと14KB. 機能は次のような感じ。
[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 機でも十分に回転してく
Prototype.js - Effectサンプル
これはオブジェクト指向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')"
JavaScriptで画像ギャラリーを作ることができるライブラリ
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
Script.aculo.us や Rico を使う前に JavaScript Effect の仕組みについて理解しよう - IT戦記
社外勉強会の講師をすることになりました。 テーマは「JavaScript Effect Programming」 資料を公開します。 http://Sample.ECMAScript.jp/20060329.ppt 内容は・・・ JavaScript Effect Programming Effect の仕組み クラス設計 Delay 機種依存性の解決 Busy 状態の緩和 おまけ(上の資料内容を使って実現したゲーム) http://Sample.ECMAScript.jp/20060329.html ← 昨日(というか今日)の日記の高速化バージョン ルールは、ブロックの光の移動を寸止めでクリック(or キープレス)で止める。それを繰り返す。 やっぱりあんまり昨日のと変わらないなぁ。もっと、重いプログラム書かないと・・・。
画像がズームしながら浮かび上がってくる特殊効果 | S i M P L E * S i M P L E
画像がズームしながら浮かび上がってくる特殊効果 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のライセンスに関する記載を拝見しましたが、
[JS]美麗なUIのJavaScriptライブラリ：Ext 2.0がリリース
当サイトでも開発段階から紹介していた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ページを開く
GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
Lightbox Plus
http://icebeat.bitacoras.com/mootools/growl/