tips

[jQuery]$(this)の親要素や子要素を指定するには。

thisを使ってなかったからthisの子要素のアクセス方法が全くわからんかった。

当たり前だけどこんな風に出来無いわけですよね
[text]$("this ul").addClass("hogehoge");[/text]

childrenを使うといいみたい。
[js]$(this).children("ul")[/js]

親にはparent
[js]$(this).parent()[/js]

参考 / まよねこ inside » Blog Archive » 【jQuery】thisの親や子要素の指定方法[リライト版]

宿題
ひろし+すみれのliからから友蔵+こたけのliを指定するにはどうしたらいいんだろうか。
[html]<h1>さくら家</h1>
<ul>
<li><span class="name">友蔵+こたけ</span>
<ul>
<li><span class="name">ひろし+すみれ</span>
<ul>
<li class="name">さきこ</li>
<li class="name">まるこ</li>
</ul>
</li>
</ul>
</li>
</ul>[/html]

safariで微妙に太く表示されるフォントを、他のブラウザに合わせる。

どうも-webkit-font-smoothing:というプロパティがあるようで
safariはデフォルトでsubpixel-antialiased;があたっているようです(windowsは)。

でもってその値にantialiased;を指定すると
他のブラウザと同じような細さになるようなならないような。

確認用スクリーンショット

[image]-webkit-font-smoothing適用スクリーンショット

確認用ページ

※safariで見ないと意味ないよ。
-webkit-font-smoothingでsafariの文字の太さを他のブラウザと合わせる。

プロパティと値

[css classname=”css-sh”]
-webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
[/css]

noneを指定したら、それ以降が激しく文字化けしたので
確認用ページから外した。

参考にしたサイト /

Maxvoltar – -webkit-font-smoothing

Dreamweaverちょっとメモ

普段やってるちょっとした操作と最近覚えた事のメモ

サイトのフォルダを一発で開く。

ローカルファイルのところを[右クリック – エクスプローラー]

[image]エクスプローラ

クロークを使って、putやgetしないファイルを設定する

DreamweaverのFTPて便利。
ちょっと触るだけのサイトのファイルを、面倒臭がって適当にゲットしたら余計なファイルまで関連ファイルとしてダウンロード開始しちゃっていつまでもサーバーと通信中ですが終わらない事がある。

ファイルの所を右クリックするか、サイト定義のクロークで
putやgetから除外するファイルを決められる。
クロークを使用可能次で終わるファイルをクロークにチェックを入れて、拡張子を追加。
[text].fla .psd[/text]
拡張子 半角ブランク 拡張子で追加してくみたい。

[image]クローク - 設定

[image]クロークの設定

クロークに設定された拡張子は見た目が変わる。
[image]追加したファイルはアイコンが変わるよ

imgフォルダにぶっこまれた大量のpdfを誤ってダウンロードしなくて済むハズ。

最近更新したファイル

ローカルファイルの右クリックして [選択 – 最近修正されたファイル]
[image]選択 - 最近修正されたファイル

日付指定でファイルを選択出来る。
[image]最近修正したファイルを選択

テキストをタグで囲む

テキストを選択してCtrl+Tで囲める
zen-codingのCtrl+Hの劣化版みたいな機能だけど、zen-codingが入ってない場合は便利。

[image]ctrl+T
あれ、gifが動かない。

何か思いついたら随時追加。

Photoshop / デュアルブラシとカスタムしたブラシの保存

[image]カスタムブラシ

デュアルブラシ、ブラシのマスクみたいでオモロイです。
けどそうそう毎回いじったりしなさそうなのでメモ。

その前に、カスタムしたブラシを保存する方法を覚えておく

[image]ブラシの保存
新規ブラシを作成のアイコンをクリックして、名前をつけて保存。

新しいブラシを登録するのは[編集] – [ブラシを定義]の方

続きを読む

[Fireworks] テクスチャの基準点を変更する。

どんな風に表現したらキチンと伝わるのか判らないんだけど、Fireworksのはテクスチャは、基準点がオカシイ。

だってテクスチャ開始位置がテクスチャを適用した矩形の左上からではなく、キャンバスの左上からで、矩形を生成した瞬間からは矩形を移動させても固定される。
まるで、矩形がテクスチャのマスクのような挙動をする。

例えば、こんなテクスチャを作った。

5px - 5px のテクスチャ5pxのグリッド背景。

キャンバスの適当な位置に、矩形を作成して先程のテクスチャを適用する。

キャンバスに矩形を作成してテクスチャ適用

拡大してみると。
ズレてる
ズレてる。

続きを読む

画像のシャープ処理 / ハイパスとアンシャープマスクを比較

ハイパスとアンシャープマスク

ハイパスでシャープみたいな効果を出す時は、オーバーレイとセットで使う。

少々ピントの甘い画像や、縮小加工した後には、シャープを軽くかけてる事かと思いますが(決め付け)、アンシャープマスクの代わりにハイパスを使うと、キレと存在感が増します。

そこで実際どう違うのか?どれくらい違うのか?をちゃんと見比べてみたくなったので、ハイパスとアンシャープマスクそれぞれ数パターン書き出してみました。

続きを読む

“すべてのプログラム”を名前順に並べ替える

すべてのプログラムがごちゃごちゃになって、タスクバーやデスクトップにショートカットを置いていないアプリを探す(起動する)のが超大変。

XP
[スタート] – [すべてのプログラム]のプログラムの上で右クリック
[名前順で並び替え]

Vista / 7
最初から自動的に名前順で並び替える設定になってるらしい。