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

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

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

• jAni jQuery Plugin Demo

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

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

設置の仕方

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

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

次にCSSを設定します。

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

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

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

今回ご紹介するのは、プロのデザイナーが作成したフォント50のフォント「50 First-class & New Downloadable Fonts For Professional Designs」というエントリーです。

グランジ系からモダンなものまで、様々なタイプのフォントが紹介されています。

今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

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

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

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

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

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

MooToolsを使用してバブルチャートが作成できるライブラリmoochart というものを見つけたのでご紹介。

色やサイズ、線の色、tooltipの設定ができるようです。
サイトにデモがありますのでぜひ見てみてください。

• moochart – charts for mootools

各種ブラウザとAIRで動作保証されています。
以下のブラウザ環境で動くようですね。

• Adobe AIR 1.0+
• Safari 2+
• Firefox 2+
• Opera 9+
• Internet Explorer

ライセンスはMITライセンスとなっていますので、サイトにバブルチャートを検討されている方はいかがでしょうか。

PHPでストリーミングサーバーを構築できるフレームワークのxmoovStreamというものを見つけたのでメモ。

帯域幅コントロールや転送量制限などもできる様子。
PHPでそこまでできるのか！と思い、使用してみました。
バージョンは0.8.3bです。

詳しくは以下

Photoshopで煙を描画できるブラシセットが公開されていましたのでメモ。

• 350+ Smoke Brushes for Photoshop

これだけの種類があればもう煙には困らないかもしれません。

シンプルなアイコンを見つけたのでご紹介。

• Iconic Icon Set – 84 icons in raster and vector format — Some Random Dude

ファイル形式はPNGとSVG形式の両方から選択でき、
サイズは8×8、12×12、16×16、24×24と32×32の4種類あります。

色も13色から選択できるためかなり使い勝手がよいのではないのでしょうか。
管理画面で使う場合などに良さそうです。

ライセンスはクリエイティブコモンズとのことです。

■2010/03/15追記
114個に増えたそうです！

「漢字が使える日本語フォント 無料ダウンロード 46種類」というエントリを見つけたのでメモ。

フリーフォントで漢字が使用できるものはなかなか無いので貴重なエントリですね。サンプルも載っていますので一覧ですぐに内容を確認できます。

• 漢字が使える日本語フォント 無料ダウンロード 46種類

気になるフォントのライセンスですが、中には商用利用ができないものもあるのでライセンスには気をつけてください。

CoolTipsは超軽量（2KB）のjavascriptフレームワークです。

ToolTipの表示に特化したライブラリのため、動作も軽快です。

以下でデモが確認できます。

• CoolTips — Neat tooltips under the mouse

タイトル属性の値を表示するようですので、javascritpを読み込む以外は特に設定もいらないようです。

動作にはprototype + script.aculo.usが必要なようです。

本日、Google Analyticsのアカウント移行をしましたので、作業メモ。

まずは、通常通りAnalyticsにログインします。

すると画面の下の方にユーザー マネージャというリンクがありますので、そこをクリック。

そこからユーザーを追加を選択します。

するとメール アドレスとアクセスタイプを入力するフォームが出てくるので、
メールアドレスに移行したいGoogleアカウントを入力し、アクセスタイプはアカウント管理者にします。

画面中央のアクセス許可の項目で
使用できるプロファイルを選択し追加をクリックします。

これでアカウントでログイン後、既存のユーザを削除すれば移行完了になります。

古いデータも問題なく見れると思います。

ちなみに削除する場合は、Googleのヘルプにありました。

• Google Analytics アカウントの削除について

こちらも参考にしてみてください。