Tag : WebDevelopment

Adobe Photoshop CS2 と Macromedia Fireworks MX 2004 で同じ画像を開いて横に並べ、Coloristic なんかのカラーピッカーツールで RGB 値を見てみると微妙に違う。

調べてみると、Mac OS 10.4.6 のカラープロファイル設定と Adobe Photoshop CS2 のカラープロファイル設定が違っていたのが原因でした。

Adobe Photoshop CS2 のカラー設定が sRGB のプロファイルになっているのに対して、カラーマネージメント機能を持たない Macromedia Fireworks MX 2004 は、Mac OS で指定してたモニタのプロファイルを使って色を表示してたと言う事。

こんな時は、Mac OS 10.4.6 のカラープロファイル設定を sRGB にするか、Adobe Photoshop CS2 側で「編集」→「プロファイル変換」を選択し、自分のモニタのプロファイルに変換すれば色が合います。

ウェブデザインをするにあたって、Fireworks 8 と Photoshop CS2 ではどちらが良いのか検討中。あくまで私の主観、そして、Mac OS X 環境での話。

Adobe Photoshop CS2 の嫌な点

• ぱっと見ただけではスライスの名前がわからない。
• 複数オブジェクトを一度に選択できない。

Adobe Photoshop CS2 への不満が解決した点

• どのフォントが足りないか確認するにはどうやる？Linotype FontExplorer X を起動した状態で、書類を開く。
• メモリをたくさん食う。こいつは環境設定で変更可能。

今の所、Fireworks 8 が良さげ。でも、Fireworks の次期バージョンって出るの？

Adobe Photoshop 9.0.1 アップデート が出てる。バグフィックスやパフォーマンスの改善がメインみたい。

アップデートする前、Mac OS 10.4.6 にインストールしてある Adobe Photoshop CS2 の起動に失敗する事があったんですが、連続 10 回起動に成功したので、直っていると勝手に認定（笑）

そう言えば、Adobe InDesign CS2 もアップデートしたけど、こっちはあまり使っていないのでノーチェック。

HTML のソース内で改行すると、ウェブブラウザで表示した時、改行部分に半角スペースがひとつ入って表示されます。スペースが入る事を想定した上でソースを改行する分には問題なし。私の場合は、できるだけブロック要素で改行するようにしてます。

何となく「今さら何言ってんの？」って感じの記事ですがメモしときます。

本日は、Adobe Photoshop CS2 漬け。このソフトは触れば触るほど奥が深い。小さな仕掛けがいっぱい。

例えば、ガイドラインを作成する時、シフトキーを押すとピクセルにスナップしたり、オプションキーを押すと水平・垂直が切り替わったり。マウスホイールで画像を拡大したり、テキストフィールド上でコマンドキーを押しながらマウスを左右に動かして数値を変更したり。

書き出すとキリがない。すごいソフトだ。

私の環境は、Mac OS 10.4.6 + Adobe Photoshop CS2 + HHKB Lite2 英語配列ってな感じですが、Adobe Photoshop CS2 のメニューに表示されるキーボードショートカットと実際のキートップが違っていて「使いづらいなぁ」なんて随分前から思ってたんですよねー。

仕方がないので、キーボードショートカットを変更しようと、Adobe Photoshop CS2 のメニューから「編集」→「キーボードショートカット…」を開いてみると、なんと「US キーボード用セット」なんてのがありました！

早速、キーボードショートカットを変更して使ってみると激しく快適。今までの俺は何だったんだ。orz

文字の高さが 5px ほどのビットマップフォント（ピクセルフォント？）ってあるじゃないですか。英語の奴。

私がウェブページをデザインする時によく使うんですが、CRT のディスプレイを使っているときは見にくかったなー。

今は液晶のディスプレイを使っているから良いのだけれど…。ウェブページを見てくれる人の事を考えると良くないか（笑）

仕事でウェブサイトのメンテナンスをやってる時、「更新したファイルだけください」なんてのは良くある話なので、便利なツールがないか探しています。以下、欲しい機能。

• 指定日以降に更新したファイルを抽出できる事
• フォルダ階層を保ったままファイルを抽出できる事

とりあえず、見つけたソフト

UpdatedPicker 1.3.0

Windows 用

ウェブサイトを作る時、フォルダ名を決めておけば便利かな？と思いつきメモ。

www   - HTML
  js  - JavaScript 
  css - CSS
  img - GIF, JPEG などの画像ファイル
  swf - SWF
  pdf - PDF
src   - Fireworks, Flash, Photoshop なんかの元ファイル
dat   - 素材なんか
doc   - Word, Excel

と、ここまで考えて、ほとんど拡張子である事に気付く。orz

—- 追記 @ 2007/03/22 —-

CSS ファイルをまとめておくフォルダ名の案

複数の CSS ファイルをまとめておくフォルダ名を再び考えてみました。

Dreamweaver 8 でサイトを作る場合、IE + アクティブコンテンツ対策の自動生成 JavaScript が [ Scripts ] フォルダに入るので、CSS は [ Styles ] に、ついでに画像ファイルは [ images ] に入れようと思います。

最初は、CSS を [ css ] と言うフォルダにまとめようかとも思ったんですが、拡張子をフォルダ名にするルールだと、GIF ファイルは [ gif ] と言うフォルダに入れないとルール違反な気がして止めました。

各ウェブブラウザのデフォルトフォントをまとめてみます。

Continue reading