東京下町WEBクリエイターのおぼえがきBlog http://shitamachiweb.blog116.fc2.com/ 東京のとある下町の片隅で、美しき情報デザインを目指すWEBクリエイターのBlog。 「ささいすぎて検索ではなかなか見つからない、けどとっても困ること」の解決策を書きとめていこうと思う。 ja http://shitamachiweb.blog116.fc2.com/blog-entry-7.html Photoshopのキャンバスと「WEBおよびデバイス用に保存」のプレビューで色が違う件 色が違うのが気になっていて、やっと解決できました。ちなみにこの方法で、PhotoshopとFireworksで作業時も書き出す画像も、同じ色になります。Photoshopにて、1.　ビュー＞色の校正にチェックを入れる2.　ビュー＞校正設定＞モニタRGBにチェックを入れる3.　編集＞カラー設定＞sRGB4.　編集＞プロファイルの指定＞sRGB（カラーマネジメントを行わない、でも良いかもしれません）5.　ファイル＞WEBおよびデバイス用に保存＞sRGBに やっと解決できました。
ちなみにこの方法で、PhotoshopとFireworksで作業時も書き出す画像も、同じ色になります。

Photoshopにて、
1.　ビュー＞色の校正にチェックを入れる
2.　ビュー＞校正設定＞モニタRGBにチェックを入れる
3.　編集＞カラー設定＞sRGB
4.　編集＞プロファイルの指定＞sRGB（カラーマネジメントを行わない、でも良いかもしれません）
5.　ファイル＞WEBおよびデバイス用に保存＞sRGBに変換　にチェックを入れる
　　プレビューはモニタカラーに

[動作環境]
WinXP
Photoshop CS4
Fireworks CS4 ]]> WEB制作 2009-06-02T16:03:37+09:00 林小町　[はやし　こまち] FC2-BLOG http://shitamachiweb.blog116.fc2.com/blog-entry-6.html *セレクタのワナ [症状]IE7で、&lt;ul&gt;や&lt;ol&gt;の&lt;li&gt;が2行以上になるとき、リストマークが下にずれるというトラブルがありました。例 - - - - - - - - - - - - - - - - - - - - - - - - - - - 　　リストダミーテキストダミーテキストダミーテキストダミーテキスト ●ダミーテキストダミーテキストダミーテキストダミーテキスト- - - - - - - - - - - - - - - - - - - - - - - - - - - - -[修正方法]何の因果か、下記のようなスタイル IE7で、<ul>や<ol>の<li>が2行以上になるとき、
リストマークが下にずれるというトラブルがありました。

例 - - - - - - - - - - - - - - - - - - - - - - - - - - -
　　リストダミーテキストダミーテキストダミーテキストダミーテキスト
●ダミーテキストダミーテキストダミーテキストダミーテキスト
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[修正方法]
何の因果か、下記のようなスタイルが（何かのBugFixか？）残っておりまして
これを消去したら解決しました。

*{
min-height: 0;
}



*セレクタはなるべく使わない方が良いとは聞きますが、
本当にはめられました。
ご注意。

[動作環境]
WinXP
InternetExplorer7 ]]> WEB制作 2008-08-20T11:46:33+09:00 林小町　[はやし　こまち] FC2-BLOG http://shitamachiweb.blog116.fc2.com/blog-entry-4.html [FLASH] FLASHの動作を軽くする FLASHの動作を軽くする方法。・大きすぎる画像を使用しない。キャンバス、マスクからはみ出ている部分は極力カットする。必要以上に大きい画像をFLASH上で縮小して配置することは避ける。・アルファを使用すると重くなる。特にオブジェクトをアルファ0の状態でずっと置いておくことは避け、取り除くなどする。・Flash Player9用に書き出しを行う。(FLASH CS3を所持、またPlayer9での再生がOKな場合)さらに、ActionScript3に変換し
・大きすぎる画像を使用しない。
キャンバス、マスクからはみ出ている部分は極力カットする。
必要以上に大きい画像をFLASH上で縮小して配置することは避ける。

・アルファを使用すると重くなる。
特にオブジェクトをアルファ0の状態でずっと置いておくことは避け、取り除くなどする。

・Flash Player9用に書き出しを行う。(FLASH CS3を所持、またPlayer9での再生がOKな場合)
さらに、ActionScript3に変換してからだとより軽い。

・同じオブジェクトは、シンボル化して再利用する。

・パブリッシュ設定でビットマップ画像を軽くする
→ドキュメント全体
「ファイル」>「パブリッシュ設定」>「FLASH」
「ムービーの圧縮」にチェックし、「JPEG画質」を調整する。
→"どうしてもこの画像だけは圧縮したくない！"という画像
「ライブラリ」パネルからオブジェクトを選択し、右クリック>「プロパティ」で
「圧縮」の項目を調整してみる。 ]]> 未分類 2008-05-16T09:54:51+09:00 林小町　[はやし　こまち] FC2-BLOG http://shitamachiweb.blog116.fc2.com/blog-entry-3.html [css][XHTML]　IEでimgの入った要素でline-hightが無視されるバグ対策 普段の業務ではがっつりコーディングすることが多い私です。TOPページのトピックス部分を制作していたら、こんなトラブルに見舞われました。[症状]liやdt・ddなどの、要素が複数縦ならびするページを制作時。&lt;img&gt;の入った行だけ高さがずれる。（IE6、IE7での検証時。Firefox2、safari3では問題なし）[修正方法]li { line-height: 1.8; layout-grid-line: 1.8;}layout-grid-line要素はIEのみに適用される行の高さを指定する TOPページのトピックス部分を制作していたら、こんなトラブルに見舞われました。

[症状]
liやdt・ddなどの、要素が複数縦ならびするページを制作時。
<img>の入った行だけ高さがずれる。
（IE6、IE7での検証時。Firefox2、safari3では問題なし）

[修正方法]
li {
line-height: 1.8;
layout-grid-line: 1.8;
}

layout-grid-line要素はIEのみに適用される行の高さを指定するスタイルで、
これにline-heightと同じ値を入れておけば、imgが入ってもズレません。
よく文頭・文末についている「New!」などのアイコンを入れるには便利だと思います。

line-heightを入れずにpaddingやmarginを設定する方法もありますが、それだと要素内が複数行になるときに描写が不自然なので、行き着いた結果がこれです。

[補足]
ついでに、これを追加しておけば画像の縦位置もきれいに決まりますね。
左右のmarginも適度に入れるとより好ましいと思います。

li img {
vertical-align: middle;
}

[動作環境]
WinXP
InternetExplorer6
InternetExplorer7

[参考]
http://q.hatena.ne.jp/1194660772 ]]> WEB制作 2008-05-02T09:52:51+09:00 林小町　[はやし　こまち] FC2-BLOG http://shitamachiweb.blog116.fc2.com/blog-entry-2.html 突然IEのcssが効かない状態になったときは・・・ あたたかくなってきて、窓をあけはなしていたら隣の居酒屋の魚を焼くにおいがただよってきました。さて、以前IE6を起動した瞬間、スタイルが切れる状態になることがありました。マシンを再起動すると治るといった状況でした。これは、アドオンが障害の原因となっている可能性があります。「インターネットオプション」＞「プログラム」＞「アドオンの管理」で怪しいアドオンを無効にしていったら、正しく表示されるようになりまし
さて、以前IE6を起動した瞬間、スタイルが切れる状態になることがありました。
マシンを再起動すると治るといった状況でした。

これは、アドオンが障害の原因となっている可能性があります。
「インターネットオプション」＞「プログラム」＞「アドオンの管理」で
怪しいアドオンを無効にしていったら、正しく表示されるようになりました。

ちなみにその当時原因となっていたアドオンは、
「Web Accecibility Toolbar」でした。
現在(IE7にアップグレード)では、これを入れても大丈夫な状態です。

おかしい原因が、Sleipnirを入れているからなのか、IE7Standaloneを入れていたからなのかは、今となっては不明です。

[動作環境]
WinXP
InternetExplorer6
(Sleipnirでは正しい表示でした) ]]> WEB制作 2008-04-24T16:44:12+09:00 林小町　[はやし　こまち] FC2-BLOG