Tag : WebDevelopment

モバイルコンテンツを Windows で見る為のソフトについて覚え書き。 いちいち携帯で確認しているとパケット代が大変なので。

Continue reading

ひょんな事から、中国語のページを作る事になったので、中国語を含んだウェブページを作る方法を調べてみました。

もちろん、私は中国語の読み書きができません。 よって、この記事では、支給された中国語のテキストをどうやってホームページに掲載するかの方法を書いています。

Continue reading

この記事を書いている時点 ( 2008-04-01 ) で、Multiple IE が Windows Vista に対応していなかったっぽいので、Windows Vista で IE 5.5 の表示確認ができる IETester 0.2 をインストールしてみました。

Continue reading

新しく個人的なサイトを作る時、手作り ( 手書き ) で構築したサイトとブログツール ( CMS ) で構築したサイトではどちらが良いのか悩んだのでメモ。

Continue reading

Photoshop や Fireworks で画像をスライスしている時、スライス名（画像名）をどうしようか悩むので自分用にメモ。

使わない様な物も書いてます。

接頭語	意味	ファイル名の例
h_	ヘッダを構成するパーツ	h_logo.png
hbt_	ヘッダ内のボタン	hbt_profile.png
h1_	見出し	h1_profile.png
bt_	普通のボタン（button）。btn_ でも良いかも？	bt_profile.png
m_	メニューを構成するパーツ	m_head.png
mbt_	メニューボタン	mbt_profile.png
bn_	バナー（banner）。bnr_ でも良いかも？	bn_sample.png
f_	フッタ（footer）を構成するパーツ。ftr_ でも良いかも？	f_copyright.png
bg_	背景画像	bg_head.png
icn_	アイコン	icn_edit.png
pic_	画像	pic_01.png
ttl_	タイトル	ttl_profile.png
pho_	写真	pho_01.png
txt_	文字	txt_01.png
lin_	ライン	lin_foot.png
illust_	イラスト	illust_mac.png
str_	文字列	str_01.png
dot_	ドット	dot_01.png
lm_	リストマーク（list-mark）。	lm_submenu.png

ちなみに、Firefox で表示しているページに使われている全ての画像は「ツール」→「ページの情報」→「メディア」で確認可能。

代替テキストや使われている回数なんかも確認できるみたい。便利。

超カンタンな favicon.ico の作り方を自分用にメモ。

Continue reading

ホームページ・ウェブページに掲載されている SWF ( Flash ) ファイルを、パソコンのローカルディスクにダウンロードする方法をまとめてみました。

Continue reading

古いバージョンの Internet Explorer が起動できる Multiple Explorers をダウンロードして試してみました。

一台の Windows マシンで、複数バージョンの IE が起動できるので、CSS の検証に便利だ。

なぜか私の環境（WinXP PRO SP2）では、IE 4.0 と IE 5.5 SP2 がうまく動かない。

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 の次期バージョンって出るの？