でぃべろっぱーず・さいど

Rico.jsを使って、オブジェクトの角を丸くすることができます。

コードは、↓こんな感じ。

Rico.Corner.round('div','objectId', {compact:true});

最初の'div'はタグ名、'objectId'はid名、その後ろはオプションになります。

"compact:true"で、小さな角丸コーナー作成。

"corners:tl"で、左上だけ角丸にすることが可能。ただし、右上のコーナーもわずかに角丸になるので、気になる人は気になってしまうかもしれません。

Rico

画像のフェードイン・フェードアウトやオブジェクトの角を丸くしたりできるJavaScriptのソース。APIとして利用可能。

例えばフェードアウト処理なら、

new Rico.Effect.FadeTo( 'Object名', .2,500,10)

こんな風に書くだけで実装できちゃう。すぐれもの。

Reflection.js

一方こちらは、水面に画像が反射しているような効果を実装できるJavaScript。これまたすごい。

AmazonのWebserviseについて調べる機会があったので、遊び半分でこんなサイト作ってみました。

Gmail風のインターフェースで、Amazonでの商品の検索からショッピングカートへの追加までができます。購入はAmazon.co.jpのサイトで。

まだまだ改良の余地ありまくりで、不具合も多いですが、色々触っていただいて、感想なんかをいただけると嬉しいです。

以下、今後対応する予定のリストです。

□「売れてる順」「価格順」などのソートに対応
□「カートの中を見る」機能実装
□検索欄のスタイル指定
□表示画像を整形

2006/5/28対応
■検索欄に文字を入力してEnter押下で検索が実行されるよう修正
■何も入力されていない状態で検索ボタン押下されたとき、エラーメッセージが表示されるよう修正
■通信中を示すメッセージを表示
■ヘルプページ、Ｇａｊａｚｏｎについてのページ作成

2006/6/1対応
■検索ウィンドウ下のメッセージ欄のスタイルを画像を使わず、Rico.jsを用いて角丸四角に変更
■カートに追加／購入欄のスタイル変更

2006/6/24対応
■「カートの中を見る」機能実装
■表示画像を整形

一応SEのはしくれってことで、こっちのブログでは開発者として気になることとかを書いていこうと思います。

メインブログはあくまでくりす流の方です。念のため。