「Moousture」はサイトにマウスジェスチャー機能を追加できるMooToolsのライブラリです。

マウスポインタの動きやジェスチャの値を受け取った後の動きを自由につける事が可能になっています。

「左、右、左に動かすとHome画面を表示する」など様々な使い方が考えられますね。

「iDroid」はAndroidのアイコンをPSD形式で配布しているサイトです。
48 × 48 pxの PNG形式と、PSDファイルがダウンロード可能になっています。

サイトをデザインする際に使える「Paper Browser」をご紹介。

デザイン案を作る時やラフスケッチを作る時に使えそうです。
印刷すればどこでもブラウザ(?)になりますね。

1024 × 768pxのサイズとグリッド線が入ったものが使えます。

普段から紙とペンで作業される方は使ってみてはいかがでしょうか。

「towel.js」はドラッグ&ドロップで任意のオブジェクトを操作できるようになるプラグインです。
オブジェクトはページ内のどこにでもドラッグする事ができます。

ドロップの際に勢いをつけると勢い良くスクロールしていきます。

デモ

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

$ready().add(function() {
    var dragable = $('example-skid-dragable');

    var down = $towel(dragable).ui.down();
    var follow = $towel(dragable).fx.follow();
    var skid = $towel(dragable).phys.skid();

    down.add(follow);
    down.not().add(skid);
});

ユーザーに操作させるインターフェイスはこれからどんどん出てくると思います。
iPadやiPhone用サイトを構築する際に、タッチ操作でネイティブアプリに近いものを作りたい方。いかがでしょうか。

WordPressでショッピングサイトを構築する際に使えるテーマを集めた「20 Best WordPress Ecommerce Themes」というエントリーのご紹介。

有料のテーマばかりですがその価値はあるかと思います。

以下にざっとご紹介。

Store
ショッピングカート、ダウンロード販売、カタログモードなど多機能になっています。
送料設定、商品の複数バリエーション、支払い方法の選択、ユーザー登録などかなり高機能になっています。
管理者画面も作り込まれており、商品のcsv一括登録なんかもできるようです。
有料ですが試してみる価値はありそうですね。

kelontong
こちらは無料のテーマ。カート機能などはない単純なテーマのみでした。
プラグインなどが絡まない分、デザインのカスタマイズにも使えそうですね。

Kidz Store
子供向けのデザイン。ポップなテイストが心地よいです。有料テーマ。

Simple Cart
無料テーマ。シンプルな画面になっており、使いやすそうでした。

サイトでは他にも紹介されています。興味のある方はぜひ。

「Pines Notify」はサイトのイベントを通知するのに便利なjQueryプラグインです。

ツールチップ風のウインドウを画面の隅に表示する事で、さりげなく情報を伝える事ができます。

「Pajinate」は長いコンテンツやリスト要素を自動的にページングを表示してくれるjQueryのプラグインです。

<li>要素をカウントしてページングしたりできるので結構便利そうです。

PHPやASP.NETなどのサーバーサイドの場合、多言語対応できるようなライブラリが揃っている事が多いですが、javascriptだとあまり有名なライブラリを見ない気がします。

本日紹介する「l10n.js」というライブラリを使用すると言語に依存するメッセージを多言語対応させる事が可能です。

「jcotton」はCanvasベースのjavascript用アニメーションフレームワークです。
オブジェクトを描画して動かしたり、テキストをレンダリングしたりする事が簡単にできるようです。

デモはクリックでボムが爆発するアニメーションが始まります。

デモ

これはすごいですね。

チュートリアルも充実しているので、コードの修正も行えそうです。

ソースコードもjQueryと似たコーディングスタイルでした。

tutorialCanvas.add(
  jcotton.rect(0, 0, 50, 50)
    .position(125, 125)
    .animate({xposition: 25}, 1000)
)

気になる動作ブラウザですが、以下のようになっていました。

• Firefox 3 – 100%
• Chrome 5 – 100%
• Safari 4 – 100%
• Opera 10 – 文字のレンダリングに制限あり
• Mobile Safari- 文字のレンダリングに制限あり
• IE – 動きません

「jConfirmAction」はjavascriptで確認用ダイアログを出す際に使えるjQueryプラグインです。

リンクをクリックする事で、アンカーテキストのすぐ上にちょこんと表示してくれます。