You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Riccardo Degni氏は10日(イタリア時間)、アニメーション効果に特化したJavaScriptフルフィーチャフレームワーク「GX」を公開した。GXはMIT Licenseのもとで公開されているオープンソースソフトウェア。未圧縮の状態で10kb前後と軽量でありながら、クロスブラウザ対応(IE 6+, Firefox 2+, Opera 9.25+, Safari 3+, Google Chrome)、おおくのアニメーション効果をサポートするJavaScriptライブラリだ。いまのところGXはjQueryをベースに構成されているため、使用するにはjQueryも一緒にロードする必要があることに注意されたい。 GXのWebサイト 同氏のブログによると、GXは"Write Less, Do More", "DRY (Don't Repeat Yourself)"の2点を念頭において開発をお
GX - Full-Featured Javascript Animations Framework JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。 jQueryやscript.aculo.usにもアニメーション機能は備わっているけど、ここまでではないというアニメーションに特化したアドオンです。 勿論、jQuery単体でも、組み合わせて実現できるのかもしれませんがアニメーションに特化している分簡単に出来ます。 以下でその凄さが分かるはず $('#el1').gx({'width': 200, 'height': 200, 'border-width': 8}, 2000, 'Linear', function(el) { el.html('Completed!'); });
2007年、最も勢いがあったWebサービスと言えば、Facebookではないだろうか(twitterもあるが、金銭的な話も含めるとやはりFacebookかと)。このFacebookでは各所に楽しいJavaScriptアクションが仕込まれている。 先日のFaceboxは、そんなFacebookのアクションを真似た物だったが、今日紹介するのはFacebookオリジナルだ。 今回紹介するオープンソース・ソフトウェアはFBJS/Animation、Facebook内でも使われているアニメーションライブラリだ。 FBJS/Animationの特徴は、何といってもそれ単体で動作する点にある。prototype.jsやjQueryのような統合ライブラリは必要としない。圧縮して12KBと若干大きめではあるが、単一ファイルで提供できるのは素晴らしい。 使い方としてはjQueryライク(恐らく)なメソッドをチ
クロスブラウザーな進化をとげたアニメーション・ライブラリianime.js。テストのために作ったiFreecell 1.2が楽しくてつい寄り道をしてしまったが、ようやく時間を見つけて正式リリース(「ianime.js v0.22 - light-weight Javascript animation library」参照)。 当初のバージョンと比べて、APIもずっとシンプルに使いやすくしたので、ぜひとも使っていただきたい。アーキテクチャ的にも、fade-inやease-outなどの各種エフェクトを別JSファイルにするなどの工夫をしており、かなり拡張性も高くしてある。上のエントリーのサンプル・プログラム、ianime1.html, ianime2.html, ianime3.htmlのソースコードを見ればそのシンプルさが分かっていただけると思う。多くの人に使っていただければいただけるほど、や
JAVASCRIPT MOTION TWEEN JavaScriptによるモーショントゥイーンアニメーション実装「JSTween」の紹介。 デモサイト、解説ページを見てみてください。これまで見たことがないJavaScriptアニメーション表現を見ることが出来ます。 次のようなTweenクラスがあって、それを使うことでこういったアニメーションが実現できるということかなり便利そう。 var t = new Tween(object,property,easing,start,end,duration,suffixe); 次のJavaScriptソースコードが提供されています。 Tween.js 、ColorTween.js 、OpacityTween.js 、TextTween.js 、Sequence.js 、Parallel.js 名前を見るとなんとなく分かりますが、必要に応じてファイルを
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
そして、今回発見した、JavaScript用アニメーション作成ライブラリ「Animation.js」の紹介。 Animation.jsを使って、次のエフェクトが実現可能です。 エレメントのアニメーション移動 文字のアニメーション切り替え 色のアニメーション切り替え フェードイン・フェードアウト なかなか面白そうなクラスですね。 javascriptのアニメーションクラスは他にもいろいろありますが、自分にとって使いやすいアニメーションクラスを選ぶのがいいですね
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く