「jQueryの勉強した方がいいんだけど、どの本見てもなんかシックリわからないんだよね〜、使用例つかうと運営できるからまぁいいか」という、私と同じ状態のデザイナーさん！ぜひ一度ご覧ください！

最後にこれをあげてくださった水野様、ありがとうございます！

USB2.0接続、トレー方式のポータブルBlu-rayドライブ。
Panasonic製 UJ-240 (SATA接続) 搭載。Intel Mac でOSブート可能。OS標準のライティング機能で動作します。
対応OS：Mac OS X 10.5.8/10.6.x/10.7x

IO DATA 「BRP-U6XE」

レコーダーで録画したBDXLをパソコンで楽しんだり、100GBものデータをバックアップしたりと、ブルーレイの使い方がますます広がります！ポータブルタイプだから持ち歩きもラクラク。
しかも3D映像やアップスケーリングを使った高画質の再生にも対応。

IO DATAの方は公式にはMac対応となってませんが、使用することが出来るようです。
参考サイト：ポータブルBDドライブ BRP-U6XE 購入 / 世界初！MacでもBlu-rayが見れる「MacBlurayPlayer」

Macbeth Blu-ray Slim の方では「Macgo」という、Macでブルーレイを見るためのソフトを約１年間無料で使用するためのコードをプレゼント中だそうです（2012年3月1日まで）これも魅力的。

2つとも検討の余地ありだなぁ

でも、最近ECサイトで良く見かける、
詳細画面でトップ画像以外のサムネイルにマウスオーバーすると、トップ画像の場所にサムネイルのでかい画像に差し変わる。という効果を入れてみたくないですか？
新規ページで画像だけが開くのも昔チックだし・・・

で、HTML内に埋め込める短いJSソースで、カラーミーの独自タグを生かした方法を見つけました。

入れ込むJavascript

<script type='text/javascript'>
<!--
function largeImg(sImg)
{
document.images['imgBox'].src=sImg;
}
-->
</script>

HTML側のソース

<!-- 商品画像 -->
<{if $product.img_url != ""}>
    <div class="img"><img src="<{$product.img_url}>" class="large" width="400" name="imgBox" /></div>
<{else}>
    <div class="img"><img src="http://img.shop-pro.jp/tmpl_img/21/now200.gif" class="large" /></div>
<{/if}>
<!--// 商品画像 -->

<!-- 商品画像その他 -->
<table cellspacing="0" cellpadding="0">
<tr>
<td><{if $product.ot1_url != ""}><a href="JavaScript:void(0)" onmouseover='largeImg("<{$product.ot1_url}>")' onmouseout='largeImg("<{$product.img_url}>")'><img src="<{$product.ot1_url}>" width="125" /></a><{/if}></td>
<td><{if $product.ot2_url != ""}><a href="JavaScript:void(0)" onmouseover='largeImg("<{$product.ot2_url}>")' onmouseout='largeImg("<{$product.img_url}>")'><img src="<{$product.ot2_url}>" width="125" /></a><{/if}></td>
<td><{if $product.ot3_url != ""}><a href="JavaScript:void(0)" onmouseover='largeImg("<{$product.ot3_url}>")' onmouseout='largeImg("<{$product.img_url}>")'><img src="<{$product.ot3_url}>" width="125" /></a><{/if}></td>
</tr>
</table>
<!--// 商品画像その他 -->

HTMLのtableタグはもちもん、自分のコードに合わせてくれていいんですけど、

onmouseover='largeImg("<{$product.ot1_url}>")'
でサムネイル用のイメージタグである
<{$product.ot1_url}>
を出して、
onmouseout='largeImg("<{$product.img_url}>")'
で一番目の商品画像である
<{$product.img_url}>
タグに戻すって訳ですね。

上に書いたJSはその入れ替わる場所を指定する方法なんだそうです。

User Interface Design Framework

基本サイズ16pxの使いやすいiconだけでなく、グラフィックパターンやWEBデザイン等で活躍しそうなGUIシンボルなども一緒にダウンロード出来ます。
実際入れてみましたが、色のパターンを変えるだけで、ドンドン使えそうなシンプルなものばかりで、本当嬉しい限りです。

Colección de iconos cuadrados en color gris

これめっちゃおしゃれ！
サンプルでダウンロード出来るicon使った使用例みたいなのを作ってくれてるんですが、ちょっとそのシンプルなデザイン性に自分がっかり・・・・
ああ、こういうのをデザイナーって言うんだなぁ。とか思ってしまいましたよ。
これぐらいなシンプルデザインが、頭の中でドンドン湧けばいいのになぁ。そういう人になりたいなぁ・・・・

1. テキストエディットの環境設定から「新規書類」のフォーマット項目で、現在【リッチテキスト】となっているのを【標準テキスト】へチェック変更。

2. 同じく環境設定から、「開く／保存」のファイルを保存するとき項目で、【標準テキストファイルに拡張子”.txt”を追加】のチェックを外す。
これをやっておかないと、拡張子の2重付けになるときがあるんですよね〜

3. 最後に、保存する時、【拡張子が指定されていない場合は、”.txt”を使用】にチェック！

以上で、基本的に保存するときは.txtになります。

まぁそのかわり、Office用の拡張子等選べなくなっちゃいますけどね。
.txtで書類作るときって結構ないですか？
いつもアタフタしちゃうので、私はテキストエディットはもう.txt専門でいこうと決めました。

参考にさせてもらったサイト様
Mac環境でのテキストエディットの設定

と

広告等に使えそうなjQueryプラグインいろいろ

ブログを構築する上ですごく便利なjQuery。
あんまりわかってないので、こういうまとめてくれてるのはすごく助かります。
「こういう動きを実装したい」と思っても、それをどんな名前で探せば効率よく見つかるのか、
そこが問題ですからねぇ。検索上位で希望する動きのプラグインが見つかるとも限りませんしね・・・

すぐに見失ってしまって慌てるので、覚え書きをかねての投稿でした。

feed2.jsは基本の設定で、新しい反映は　”1時間毎に確認”　になっているようなんです。
なんでやねん！遅いやん！と思ってしまいましたが、文句を言っても始まらないので、地味に設定自体をいじってしまいましょう。

変更する箇所は以下です。
feed2.jsフォルダ直下にある「feed2js_config.php」を開きます。
34行目の

define(‘MAGPIE_CACHE_AGE’, 60*60);

を

define(‘MAGPIE_CACHE_AGE’, 300);

に変更。
これで5分毎に反映の確認をしにいきます。

作った人の感性でしょうが、クライアント（日本人）がせっかちなんですかね？
1時間毎で文句なしなんですかね？
私が個人で使うとしてもちょっと気になっちゃうなぁ。

オブジェクトを最前面にする方法

container.setChildIndex(sprite, container.numChildren - 1);

オブジェクトを最背面にする方法

container.setChildIndex(sprite, 0);

順番をひとつ上に上げる方法

var index:int = container.getChildIndex(sprite);
if (index + 1 < container.numChildren) {
container.swapChildren(sprite, container.getChildAt(index + 1));
}

順番をひとつ下に下げる方法

var index:int = container.getChildIndex(sprite);
if (index - 1 >= 0) {
container.swapChildren(sprite, container.getChildAt(index - 1));
}

参考サイト
・[AS3]オブジェクトの重なり順制御するには・・・
・表示リストのプログラミング

でも懲りずに参考サイトを探してしまいます。。アハッ
お金かけてるものばかりで、実際真似は出来ないでしょうが〜

1. 100 (Really) Creative Business Cards

2. 50 Beautiful Business Card Designs

3. 素敵な名刺デザインいろいろ

4. Business Cards

5. 名刺デザインのインスピレーション向上によさ気なギャラリーいろいろ+α

6. Business Card Star
これは参考サイトじゃなく、名刺作成に便利なサイトですね。

すごいデザイン性の数々・・・
でもやっぱり日本の名刺はあんまり出てこないですね。
個人情報の問題とかで、あんまり出せないのかなぁ？日本のデザインもかっこいいものあると思うんだけど、残念ですね。

とりあえず、すぐにも必要になるであろう、条件分岐をHTML上の「class名」で判定してみたいと思います。
今回はズル、というかなんというか、ほとんど人に教えてもらって作りました。
実際のコードから

<script type="text/javascript">
$(function(){
	$("p").each(function(){
		if( $(this).attr("class") != $("body").attr("class") ) {
			$(this).css("color", "#ff0000");
		}
	});
});
</script>

HTML側はこんなん

<body class="About">
<h1>jQueryサンプル</h1>
<p class="Top">Top</p>
<p class="About">About</p>
<p class="Hoge">Hoge</p>
<p class="Hage">Hage</p>
</body>

では、復習がてらの説明です。

$(“p”).each(function(){

この $("p") で今回は「Pタグ」すべてを対象とし、
.each で「Pタグ」を1つづつ function 内の処理をするように回しています。

次に function 内ですが、

if( $(this).attr(“class”) != $(“body”).attr(“class”) ) {

この部分の詳細説明。
$(this) は上記で指定しているPタグのこと（thisは「これ」ですよね〜）
$("body") は「bodyタグ」を直接指定しています。
今回のHTMLコードをみてもらうとわかりますが、「bodyタグ」にクラスをつけていますよね？これをJSに見つけて欲しいための指定なのです。
.attr("class") はドットの前に指定した$(this)やら$("body")やらのタグの中に書かれているものを探しにいく指定。今回は”class”としましたので、クラス名を取りにいきます。
で、その2つのクラス名が同じか違うかの判定をif文でしている訳です。（!= は「ノットイコール」の時ということになります）

$(this).css(“color”, “#ff0000″);

ここはそのままわかりそうな感じですが、「this」である「Pタグ」に新しくCSSを上書きしています。
CSSの書き方は、最初の””内にプロパティ（background-colorとかfontとか）２個目の””の中に値（カラー番号とかフォントファミリーとか）を指定します。
CSSの指定が多い場合は $(this).css("color", "#ff0000"); の部分を増やしていきます。

HTML側の説明は省くとして、
これでPタグとBODYタグ 両方のクラス名が一緒でない場合は、JS内に書かれたCSSが上書きされる指定が出来ました。

CSS3の指定が使えないブラウザには、上記分岐の応用で、専用のCSSを振り分ける事が出来ます。
このサンプルだと、「ブラウザごとのCSSを別で作れば解決やん？」と思ってしまいますが、
実際作ってみると、それだけではどうにもならない事が出てきちゃうんです。（私は勉強中にさっそくぶちあたりました）
上記サンプルはそのままだと実践用ではないですが、考えようによっては使いやすくなる気がします。