サイトのデザイン変えましたよー。
まだまだ足りないところ多いけど。。前よりはいいかなと。

最近ヨメとともに3時過ぎまで作業している事が多い…お疲れ様です。
いろいろやりたい事はまだまだあるので時間あるときに反映していきます。

元々はデザイナーになる！なんて言っていた時代もありまして。恥ずかしいですね。

そんな自分もアーティストぶってレイアウトなんぞを考えるわけです。
我が家の玄関は今年より毎月私の妄想の場と化します。

1月は雪の結晶と題して、麻紐を使って表現。。実はウェブ（網）だったとは、よめや客人には言えず季節物にする事で自分にも納得させる。うむ。

2月も1週目が終わりそうだったので、何か作らねばと勤しんでみました。

早速針金とペンチ、2月の枠を用意。
月枠はヨメに用意してもらいました。マスキングテープとか使っているみたい。
さすがですねセンスが違います。

さて、2月なので。。もちろんアレだろうと、針金の形を作ります。

写真フレームに沿って針金を曲げて（ほぼ）同じ大きさの枠を作る。ここは簡単。

曲げた枠をきちんと崩れないよう、簡易的ですが、さらに細い針金で固定。黒に金って所がこだわり？色の相性よいしね。

出来た枠を写真の周りに均一に並べていきます。
後は枠に小物やら簡単な装飾をして…

そうすれば完成！（間相当省いている気がするけど、気にしない）
完成した作品を見て、すぐ答えが分かりましたよね？
よめ、友人達で分かった人は現時点1人･･･、来月もがんばります；

答えはチョコレート（板）でした。あー・・・

友人サイトのイメージを探しに休日カメラ片手にぶらぶら。

阿佐ヶ谷にある「はらドーナツ」にて朝食。
神戸のお豆腐屋のおからを使っているヘルシーかつ素朴なお味。うまし。

よめ、ドーナツ前に悩み中…マフラーの巻き方が自由すぎる。。

この後、神田へ。

神田周辺高架下にて。
普段は素通りしている場所も、ゆっくり歩くと知らない世界が。

こ･･･れは？金庫？年代物。

続きを読む »

スターレーティングを簡単に作成する時に重宝しているjQueryのプラグイン
jQuery Star Rating Plugin 2.4
http://www.fyneworks.com/jquery/star-rating/

便利なんだけど大きなサイトとかで使う場合、デフォルトだと何度もクリック出来ちゃう。
なので、いたずら防止で以下のコードを追加してあげます。

63行目以下ののclickイベントを以下の形に変更

click: function(n, el, settings){	// Selected a star or cancelled
$.rating.groups[n].current = el;
var lnk = $(el).children('a'); val = lnk.text();
// Set value
$.rating.groups[n].valueElem.val(val);
//
//ここから追加
$.rating.groups[n].readOnly = true;
$.rating.groups[n].valueElem.siblings('.star_group_'+n)
.addClass('star_readonly')
.removeClass('star_live')
.unbind("mouseover mouseout");
//ここまで

// Update display
if($.rating.groups[n].readOnly == false){	//このif文も追加
	$.rating.event.drain(n, el, settings);
	$.rating.event.reset(n, el, settings);
// click callback, as requested here: http://plugins.jquery.com/node/1655
if(settings.callback) settings.callback.apply($.rating.groups[n].valueElem[0], [val, lnk[0]]);
}//閉じも忘れずに。
}

1回★のレーティングした後は更新ボタン押さないといけないようになりました。
古いバージョンだとイベントなどが毎回読み込まれていたようですが、新しいバージョンだと
設定部分にイベント関数が来てたりと、随分内容が変わっていました。
古いバージョンだと

settings.cancel = <span class="synConstant">false</span>;

とclickのアクションに追加するだけなので楽ちんだったけど
イベント周りがバラバラだったので、新しい方がすっきりしてると思いました。

先日ついにphotoshopのWEBベータ版が公開されたとの事でさっそく使ってみた。
使用感や画面とか載せておきます。

簡単に先に使用して感じとしては…
iphoto web版？って感じのものでした。
インターフェースはFLASHで構築されていて、回線が速いとそこそこ快適に動作します。
※最初つないだときは無線で繋いでいたのですが、処理適用した際や保存した際に
　ローディングバーが出てきて100%の所で止まって5秒～10秒待たされました。。

レイヤー構造などは持っていないため、写真の加工だけになります。
シャープや赤目処理加工など代表的なものが多い所を見ると、写真加工を純粋に目的としたツールでは
ないようです。

それもそのはず、アルバムを作成して整理を行い、写真をカテゴライズや写真毎にスターを付けていく機能など
から想定するに写真管理ツールのようです。やはりその点からもユーザ層は広く、iphotoなどを意識しているようです。
それもそのはず…そんな内容の記事ありました。
以下から画面ショット！

ログイン後画面
※最初の時点では写真はアップされていません。テスト用のファイルで素材集から引っ張ってきたものです。

この画面でスターを付ける事が出来ます。写真をダブルクリックする事で、写真の編集モードに突入。

写真の編集画面

写真の編集画面です。左メニューに様々なメニューが並んでいて加工が出来るようです。
簡単な処理のものが多いです。画面写真ではスタンプツール（Touchup）と自動色補正？（Auto Correct）を使用しています。
オリジナルの画像も右下「View Original」から見ることが出来ます。

エフェクト「Distore（歪み処理）」を適用させている所

歪みを反映させている所です。上の5つのアイコンからパターンを選択して
ゆがませる範囲を円で指定します。円のサイズは大きくしたり、小さくしたりできます。

回転処理

そのほか、画像の回転処理なども出来る。サイズ縮小とかももちろん。

全体としては、良くできています。
インフラレベルが整えばもっとサクサク動くはずなので、photoshopの代わりとはいきませんが
iphotoの代わりには間違いなくなります。
将来的にはphotoshopのWEB版とかも出る時代が来るのかも…と思わせるWEBアプリでした。
もうちょっとさわっておもしろい機能あればレビューします。