jQueryでインタラクティブなナビゲーションを作成する「Roundabout」

0

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

詳しく以下

jQueryでスクロールを実装するプラグイン「Scrollable」

0

scrollable
ScrollableはhtmlをスクロールさせるjQueryのプラグインです。

特徴的なのはスクロール方法をカスタマイズ出来ることです。

以下の4通りに対応しているようです。

・左右のボタンを押してスクロールする方法
・ナビゲーションメニューをクリックして指定の位置へスクロールする方法
・自動再生
・マウスホイールでスクロールする方法

設定方法もjavascriptを1行埋め込むだけで良いみたいです。

$("#infinite").scrollable().circular();

ナビゲーションの方法を変更したい場合などにいかがでしょうか。

jquery1.4のチートシートが公開

0

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

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

jQuery 1.4が公開

0

jquery
jQueryの1.4がリリースされたようですね。
特設サイトが公開されていました。

詳しくは以下

一枚の画像をjQueryでアニメーションさせるプラグイン「jAni 」

0

preview16
jAniは背景画像をアニメーションさせるjQueryのプラグインです。

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

まずはデモをご覧下さい。

用意するのは縦長の画像一枚のみ

8pm_bor
実際に必要な画像は縦長の画像一枚のみです。
設定でアニメーション速度(画像の切替速度)を変更する事ができます。

設置の仕方

設定も簡単にできるようです。

まずはjsを読み込みます。



次にCSSを設定します。


htmlに表示する位置をdivで指定します。

最後にjsでフレームレートを設定すれば完了です。


サイトでアニメーションを設定する際に使用してみてはいかがでしょうか。

Zend Frameworkを使用したオープンソースのCMS「TomatoCMS」

0

t94_bor
Zend Frameworkを使用したオープンソースのCMSを見つけたのでご紹介。
その名も「TomatoCMS

このCMSのユニークな所はサイトの各コンテンツをウィジェット単位で考えている所です。
何かページに必要な要素があればモジュールをインストールさせ、サイトのレイアウトを完成させる風でした。

サーバーサイドのフレームワークにZend Framework、フロントエンドにjqueryを使用し、
MVCで設計されているため、プラグインの開発なども簡単に行えそうですね。

以下の環境が動作に必要なようです。

  1. Apache
  2. MySQL 5.0以上
  3. PHP 5.2以上

TOPページのLIST表示に使えるjQueryプラグインFeature List

0

featurelist
Feature Listは、企業サイトでのおすすめ商品表示などに使えるjQueryプラグインです。

Flashを必要としない、なめらかなフェードイン、フェードアウトアニメーションでアイテムを切り替える事ができます。

デモ画面で動作を確認できます。

以下のようなコードで実装できるようです。

$.featureList(
	$("#tabs li a"),
	$("#output li"), {
		start_item : 1
	}
);

// Alternative

$('#tabs li a').featureList({
	output		: '#output li',
	start_item	: 1
});

簡単に設置できるアニメーション切り替えを探している方はぜひ。

ZendFrameworkで出来たオープンソースのRSSリーダーrsslounge

0

screenshot_1
※画像は公式サイトデモより
rssloungeというオープンソースのRSSリーダーがかなりかっこ良いのでご紹介。

rssloungeはPHPで出来たオープンソースのRSSリーダーです。データベースにはMySQLを使用している模様。
ソースを見るとZendFrameworkで出来ているようです。

詳しくは以下

jQueryでBrowser判定をするPlugin「jQuery Browser Plugin」

0

jquery broser plugin

簡単に閲覧しているブラウザを識別できるようになるjQueryのプラグインjQuery Browser Pluginの紹介です。

詳しくは以下