javascript

jQuery Masonryを使いたいんだけど

jQuery Masonryってのは、grid-a-liciousみたいにdivをタイルみたいに並べるやつ。
jQuery Masonry demo

htmlのhead内で次の2ファイルを読み込んで

下のソースみたいのをbody内に書いて

cssはこんな感じ。

最後にBasic Examplesのページに書いてあったのを追加してみるけど。

普通に.boxをfloatした時と同じ表示にしかならない。
何を間違ってるんだろう(´;ω;`)ウウッ…

functionで囲んだら動いた。

jQueryはそうやって使うのがデフォだから、わざわざexampleには記述されてない?
わからん( ´・_・`)

TEXTAREAをリサイズするjQueryのプラグイン

つまんで伸ばす

こんなの
jQuery TextAreaResizer plugin example

ダウンロード先
TextArea Resizer
必要なjs読み込ませて
リサイズの時つまむbarをcssで設定して
textareaにclass=”resizable”を追加

つまんだときの透明度が低すぎてtextareaが見えないよって時は
jquery.textarearesizer.compressed.jsかjquery.textarearesizer.jsどっちか使ってる方の

を適当に変更

プラグインのHead Cleanerhead 内の JavaScript を、フッタ領域に移動あたりにチェックを入れてると使えないかも。

Fireworksのテクスチャー画像等をPhotoshopのパターンに一括登録したい。

[追記 / 20100523]
バッチ処理を使わないように改造したのを公開した。
大量のテクスチャー画像を、超簡単にパターン登録する.jsx ( バッチ処理不使用

photoshopで使っているパターン(テクスチャー)は、使いたい時に使いたい物を自作して即登録しているので今まで気にもしませんでしたが、
例えばCOLOURlovers :: パターンFtg – Fireworks texture galleryのような素敵サイトから感謝の念をこめてダウンロードしたpng形式のテクスチャー画像を「これちょっとphotoshopでも使いたいのぅ」なんて思ったら
1ファイル1ファイルphotoshopで開いて[編集] – [パターンを定義]しなきゃ駄目なんですね。
プリセットマネージャーへドラッグアンドドロップすれば登録できるんだと思ってた。

1個2個ならいいけど300回繰り返すとなるとなると半端なく面倒臭い。
面倒臭いとモチベーションダウンに繋がるしで良くない。
ほいではどうしたら面倒臭くなくなるか?を考えるわけです。醍醐味です。

続きを読む

.jsx(アクションより融通が利くであろうスクリプト)作成メモ / Photoshop CS3

まず何をどうするのか?それすらわからない。

ガイドに目を通す。
Program Files\Adobe\Adobe Photoshop CS3\以下あたりにあるフォルダ

  • スクリプティングガイド\Photoshop CS3 Scripting Guide-J.pdf / 日本語
  • スクリプティングガイド\Photoshop CS3 JavaScript Ref.pdf / 英語

肝心な方が英語><

Fireworksの「手順をコマンドとして保存」のような機能を追加。

win
スクリプティングガイド\ユーティリティ\ScriptListener.8li
プラグイン\自動処理に複製

mac(cs5.1の場合) / 追記
アプリケーション内の
Scripting/Utilities/ScriptingListener.plugin
Plug-ins/Automateにコピー

デスクトップにScriptingListenerJS.logが作成される。。

[追記 / 20100428]
ほっといたら.logファイルの容量がすごいことになってた。
定期的に削除するか、.logが必要無いときはScriptListener.8liを削除したほうがいいかも。

ScriptingListenerJS.logのプロパティ

保存場所

プリセット\スクリプト内に置けば[ファイル] – [スクリプト]に表示される(と思う)

参考にさせていただきました。

そらかぜ工場 Photoshop Scripting 覚書き

Adobe Photoshop CS3自動化作戦

スクリプト内に日本語を含む場合にはUTF-8 (Unicode)の文字コード (できればBOM (Byte Order Mark)付き)にする必要があります。

element.insertBeforeとelement.appendChild

こっちもまだメモ

要素を追加する

element.appendChild(newNode)

elementにnewNodeを追加する?

js

html

output
[text]aiueo>kakikukeko
[/text]

element.insertBefore()

js

output
[text]sasisuseso>aiueo
[/text]