- 2010/01/17 javascript , jquery , jQuery Plugin

Roundaboutはhtmlをインタラクティブなページに変更してくれるjQueryのプラグインです。
3Dのようなアニメーションを行う事ができます。
詳しく以下
cakephp/wordpress/flash/flex/iPhone/mixiアプリの開発しています。

Roundaboutはhtmlをインタラクティブなページに変更してくれるjQueryのプラグインです。
3Dのようなアニメーションを行う事ができます。
詳しく以下

ScrollableはhtmlをスクロールさせるjQueryのプラグインです。
特徴的なのはスクロール方法をカスタマイズ出来ることです。
以下の4通りに対応しているようです。
・左右のボタンを押してスクロールする方法
・ナビゲーションメニューをクリックして指定の位置へスクロールする方法
・自動再生
・マウスホイールでスクロールする方法
設定方法もjavascriptを1行埋め込むだけで良いみたいです。
$("#infinite").scrollable().circular();
ナビゲーションの方法を変更したい場合などにいかがでしょうか。

jquery1.4のチートシートが早速公開されていました。

WEBページ、PDF、PNGと複数タイプで閲覧できるようです。
これから1.4を学習するのに役立ちますね。

jAniは背景画像をアニメーションさせるjQueryのプラグインです。
通常であれば画像をアニメーションさせるにはアニメーションGIFを使用するのが一般的ですが、256色しか使用できないという制限もあります。
このプラグインを使用すると、アニメーションGIFの制約がなくなるため綺麗なアニメが制作可能です。
まずはデモをご覧下さい。

実際に必要な画像は縦長の画像一枚のみです。
設定でアニメーション速度(画像の切替速度)を変更する事ができます。
設定も簡単にできるようです。
まずはjsを読み込みます。
次にCSSを設定します。
htmlに表示する位置をdivで指定します。
最後にjsでフレームレートを設定すれば完了です。
サイトでアニメーションを設定する際に使用してみてはいかがでしょうか。

Zend Frameworkを使用したオープンソースのCMSを見つけたのでご紹介。
その名も「TomatoCMS」
このCMSのユニークな所はサイトの各コンテンツをウィジェット単位で考えている所です。
何かページに必要な要素があればモジュールをインストールさせ、サイトのレイアウトを完成させる風でした。
サーバーサイドのフレームワークにZend Framework、フロントエンドにjqueryを使用し、
MVCで設計されているため、プラグインの開発なども簡単に行えそうですね。
以下の環境が動作に必要なようです。

Feature Listは、企業サイトでのおすすめ商品表示などに使えるjQueryプラグインです。
Flashを必要としない、なめらかなフェードイン、フェードアウトアニメーションでアイテムを切り替える事ができます。
デモ画面で動作を確認できます。
以下のようなコードで実装できるようです。
$.featureList(
$("#tabs li a"),
$("#output li"), {
start_item : 1
}
);
// Alternative
$('#tabs li a').featureList({
output : '#output li',
start_item : 1
});
簡単に設置できるアニメーション切り替えを探している方はぜひ。

※画像は公式サイトデモより
rssloungeというオープンソースのRSSリーダーがかなりかっこ良いのでご紹介。
rssloungeはPHPで出来たオープンソースのRSSリーダーです。データベースにはMySQLを使用している模様。
ソースを見るとZendFrameworkで出来ているようです。
詳しくは以下
0