web

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が動かない。

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

dtとddを横並びさせた時、IE6でddが3pxズレる時はzoom:1;

タイトルが全てだけど

dtとddを横並びさせた時、IE6でddが3pxズレる時はzoom:1;を付けるとズレなくなりました。
[html classname=”html-sh”]<dl>
<dt>乱雑</dt>
<dd>モックアップ</dd>
</dl>
[/html]
[css classname=”css-sh”]dt {
width:3em;
float:left;
}
dd {
margin-left:3em;
_zoom:1;
}[/css]

zoomの前の_はIE6用のハック
/にするとIE7以下に効く。

メモ / iframe 高さ取得変更 クロスドメイン

こちらのページをそのまま参考にしてhttp://ja.w3support.net/index.php?db=so&id=153152
iframeで別ドメインにあるページを開いた時に、自動的にheightを調整する方法を試してみた。
(※ 別ドメインにあるファイルにjsを追加する必要あり)

別ドメインのhtmlに手を加えずに出来たら、確実に嬉ションしちゃうけど難しいみたいすなぁ。

続きを読む

base href

base href

baseタグっちゅーのがあって、head内に記述すると
その指定以降の要素に適用される。
[html]<base href="http://sakurachiro/" />[/html]
みたいに書いておくと下の図のように
http://sakurachiro/を基準とした相対パスになるそうな。
(hrefに絶対パスと相対パスの両方指定出来るような解説をしてるサイトがあったけど絶対パスしか使えないハズ)

[image]base href

ちなみに記述した後の要素に適用されるので
[html]<!– A –>
<link rel="stylesheet" type="text/css" href="layout.css" />
<base href="http://sakurachiro/" />
<!– B –>
<link rel="stylesheet" type="text/css" href="layout.css" />
[/html]
(あれ、リンク貼ってないのにリンクになってる?)

こうゆう順番で書くと
A は普通の相対パス
B はbaseで指定した位置からの相対パスになります(した)。

[image]記述順による違い

自分で使う分にはメリットが思いつかないんだけど
baseタグを外部jsで吐き出すようにしておくと
リンク先のフォルダを簡単に変更出来たりする?

base target

target属性を追加するとそれ以降のリンクが指定した挙動で開くよ。
[html]<base href="http://sakurachiro/" target="_blank" />[/html]
_blankとかすげぇウザいですけど。

フレームを使ったサイトをいじくる時
target=”_top”を指定する手間が省けていいかも。
しかしこれ
ローカルで確認する時はどうするんだろう?
ローカルサーバー必要?

background-attachment:fixed;の基準点を勘違いしていた。

どの要素に指定しても、ブラウザ表示領域の左上が基準みたい

次みたいな書き方をした時に(至って普通の記述ですが)、場合によって背景画像が消える事があって気づいた。
[html]div {
background:#fef url(img/bg.gif) no-repeat right bottom fixed;
}[/html]

続きを読む

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

[image]カスタムブラシ

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

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

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

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

続きを読む