apachを起動させようとすると下記のエラー
WARNING: terminating worker thread 0
まさにこのページの情報!と思って試してもポート80はフリー
http://shunex.sakura.ne.jp/miwaza/2010/04/xampp-apache.html
httpd-vhosts.confで設定しているDocumentRootやDirectoryの参照元がデスクトップにあるファイルで、途中にある「デスクトップ」の日本語がマズイんじゃないかと思い、参照元ファイルの場所を変えたら上手くいった。
参考まで。
2010/11/22
2010/07/23
2010/07/22
2010/05/13
formタグもmargin/paddingを0に
なぞの空きが何かと思ったらformタグのもってる空きだった。
ではなく要素1つ1つ入れる場合はformも忘れずに。
*{margin:0; padding:0;}
ではなく要素1つ1つ入れる場合はformも忘れずに。
2010/03/16
RGBとCMYKの値は一致しない
Web用にRGBで制作した素材を印刷用に使いたいというとき、CMYKの情報が欲しいけれどなかなか難しい。
Photoshopとか画像系ソフトの色選択で出てくるRGBとCMYKの値は現実には誤差があるので、そのまま信じると違った色に見えてしまう。
結局は、ブラウザの画面と色見本を見比べて近い色を探すしかない(?)
(ブラウザの画面の明るさもまちまちなのでこれもギリギリの方法)
らしい。
RGB⇒CMYKに、より正確に変換してくれるようなサイトあるけど実際どうなんでしょう。
Photoshopとか画像系ソフトの色選択で出てくるRGBとCMYKの値は現実には誤差があるので、そのまま信じると違った色に見えてしまう。
結局は、ブラウザの画面と色見本を見比べて近い色を探すしかない(?)
(ブラウザの画面の明るさもまちまちなのでこれもギリギリの方法)
らしい。
RGB⇒CMYKに、より正確に変換してくれるようなサイトあるけど実際どうなんでしょう。
border:doubleは3の倍数にしてもIEで背景が白くなる
border:doubleで二重線を引くことができる。
でも...
■3の倍数にする
おそらく[線:空間:線]となる関係で、3の倍数じゃないと表示が怪しい。
■結局IEで駄目
[線:空間:線]の空間のところは要素の背景色が反映されてほしいけど、IEでは真っ白になる。
なので、背景白の場合以外は使えない。
tdの背景に線入り画像敷くとかでなんとかするしかない。
でも...
■3の倍数にする
おそらく[線:空間:線]となる関係で、3の倍数じゃないと表示が怪しい。
■結局IEで駄目
[線:空間:線]の空間のところは要素の背景色が反映されてほしいけど、IEでは真っ白になる。
なので、背景白の場合以外は使えない。
tdの背景に線入り画像敷くとかでなんとかするしかない。
2010/03/10
border-collapseのつける位置
table td{border:1px solid;}
とかして隣り合うセルのボーダーを重ねたいときの
border-collapse:collapse;
は、table自体につける。
tdやthにつけても駄目。
とかして隣り合うセルのボーダーを重ねたいときの
border-collapse:collapse;
は、table自体につける。
tdやthにつけても駄目。
2010/02/22
powerpointで図の圧縮ができない
※PowerPoint2003を使っています
前に圧縮の記事を書きましたが、これが出来ない場合があります。トリミングや縮小して圧縮しようとすると、画像が本来の大きさにもどってトリミング部分も無かったことになって「あれー」となってしまいました。
原因はその図が「プリントスクリーン⇒ペーストって貼った画面キャプチャ」で、画像として保存されていないことでした。1回jpg等で保存してからパワポに貼り付けると問題なく圧縮できます。
キャプチャ関係ってプリントスクリーンから直接貼っちゃいたいときが多いので注意。
⇒これは間違い。以下のようにjpgで保存したものでも同様の現象が起きました。
-----
☆追記
jpgに保存したもの使ってるのに同じような現象が起きた。
原因はコピペ。
直接置いたjpgは圧縮可能。そのjpgをコピペで複製した画像は圧縮不可。
同じ図の色々なとこ加工したい場合は1回1回ドラッグなりして読み込ませないとだめ。面倒!
⇒この原因も嘘。直接ドラッグしても駄目でした。
----
■解決策
(1)新規ファイルを作成し、そこに今までの作業分をコピペ、新たに図を置いて圧縮することは可能でした。ただしページ数が膨大の場合現実的ではありません。
(2)もうひとつの策は縮小・トリミングした状態の図を右クリックから「図として保存」で一旦jpg等にして再配置する方法です。ただしこれも図が多い場合は大変です。
最終的にコレという解決策が無く、今まで圧縮でいていたファイルが突然できなくなるため不安を感じつつ作業をしています。
前に圧縮の記事を書きましたが、これが出来ない場合があります。トリミングや縮小して圧縮しようとすると、画像が本来の大きさにもどってトリミング部分も無かったことになって「あれー」となってしまいました。
キャプチャ関係ってプリントスクリーンから直接貼っちゃいたいときが多いので注意。
⇒これは間違い。以下のようにjpgで保存したものでも同様の現象が起きました。
-----
☆追記
jpgに保存したもの使ってるのに同じような現象が起きた。
⇒この原因も嘘。直接ドラッグしても駄目でした。
----
■解決策
(1)新規ファイルを作成し、そこに今までの作業分をコピペ、新たに図を置いて圧縮することは可能でした。ただしページ数が膨大の場合現実的ではありません。
(2)もうひとつの策は縮小・トリミングした状態の図を右クリックから「図として保存」で一旦jpg等にして再配置する方法です。ただしこれも図が多い場合は大変です。
最終的にコレという解決策が無く、今まで圧縮でいていたファイルが突然できなくなるため不安を感じつつ作業をしています。
2010/02/09
2010/01/26
Google Chrome 拡張機能対応
Google Chromeの正式版(?)が拡張機能に対応したようです。
家ではβ版で既に使っていましたが、これで心置きなく使えるようになりました。
・ブラウザのダウンロードはこちら
http://www.google.com/chrome/intl/ja/landing.html?hl=ja
・テーマ
https://tools.google.com/chrome/intl/ja/themes/index.html
・エクステンション(Firefoxでいうアドオン)
https://chrome.google.com/extensions
ただ、IE、Firefox、Safari等で問題なかったページがChromeで崩れていたことがあったので、あんまり流行ると1個確認が増えることに(その頃には直ってると良いなぁ)。
家ではβ版で既に使っていましたが、これで心置きなく使えるようになりました。
・ブラウザのダウンロードはこちら
http://www.google.com/chrome/intl/ja/landing.html?hl=ja
・テーマ
https://tools.google.com/chrome/intl/ja/themes/index.html
・エクステンション(Firefoxでいうアドオン)
https://chrome.google.com/extensions
ただ、IE、Firefox、Safari等で問題なかったページがChromeで崩れていたことがあったので、あんまり流行ると1個確認が増えることに(その頃には直ってると良いなぁ)。
2010/01/25
スクリーンリーダー(NDVA)でアンカーリンク(ページ内リンク)がおかしい時
■問題
音声ブラウザ用にメニュー読み飛ばしのページ内リンクを設定して、NVDA(フリーのスクリーンリーダー)で試したところ上手く機能しない。ページ内の指定の場所に飛ぶはずが、何故かデスクトップにいってしまう(なんでまたデスクトップに)。
■解決
<li>に"display:block;"を追加したら上手くいった。
■補足
・何故<li>かというとこうする↓ことが多いから。
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
<li>メニュー3</li>
</ul>
・<p>は何もしなくても大丈夫だった。
<p>○○へ</p>
ということは、block要素にすればokなのかも。
他のソフトでも試してみたかったけれど、有名どころの体験版がことごとく無くなっていて残念。
音声ブラウザ用にメニュー読み飛ばしのページ内リンクを設定して、NVDA(フリーのスクリーンリーダー)で試したところ上手く機能しない。ページ内の指定の場所に飛ぶはずが、何故かデスクトップにいってしまう(なんでまたデスクトップに)。
■解決
<li>に"display:block;"を追加したら上手くいった。
■補足
・何故<li>かというとこうする↓ことが多いから。
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
<li>メニュー3</li>
</ul>
・<p>は何もしなくても大丈夫だった。
<p>○○へ</p>
ということは、block要素にすればokなのかも。
他のソフトでも試してみたかったけれど、有名どころの体験版がことごとく無くなっていて残念。
2010/01/23
Firefoxで使っているアドオン
家ではChromeだけど、仕事ではなんだかんだでFirefox。
ということで、入れてるアドオンを紹介します。
■html編
コーディングの作業に関わるもの。
◇Html Validator
Validかどうかがステータスバーに表示される。
alt抜けとかタグ閉じ忘れとかの細かなチェックに便利。
◇Web Developer
Javascript無効、CSS無効、ブラウザサイズ変更、など、いろんな人の環境でチェックしたいときに便利。
◇MeasureIt
ページの上に任意のピクセルの四角をつくって長さを調べられる。
厳密に測る場合はfirebugで画像のサイズ調べたり、キャプチャとって画像の空き調べたりするけど、大体が知りたいときはさっと使えて便利。
◇Popup ALT Attribute
IEみたいに画像にマウスオンでaltが出るようになる。altチェックするとき便利。
◇Flash Switcher
Flashのバージョンを切り替えられる。
バージョンいくつ以上対応とか確かめるときに超便利。
■Firebug関係
これもhtml関係なんだけど多いので独立させました。
◇Firebug
使う率ナンバー1。プレビュー見ながらhtmlやcssを書き換えられるのが超便利。まだ使い切れてないほどなんでもできる。
◇FiddlerHook
FirefoxでFiddlerが使えるようになる。完全体。
◇Firecookie
Firebugと合わせて使う。cookieの情報を便利に扱えるらしい(普段あまり使わない)。
◇YSlow
Firebugの友達。ページの開く速度をチェック+こうしたらもっと早くなるよを教えてくれる。
■携帯編
携帯サイトをつくるとき役立つもの。
◇FireMobileSimulator
携帯の機種を指定するとブラウザ上で表示が確認できる。機種沢山選べて凄い。
◇Mobile Barcoder
ステータスバーに出たアイコンにオンマウスすると、開いているページのアドレス情報が入ったQRコードが表示される。携帯サイトつくってPC確認後、実機で検証するときに超便利。
◇lori (Life-of-request info)
ページのサイズ、読み込むまでの時間などをステータスバーに表示。
特にサイズ制限がある携帯サイトチェックするとき便利。
◇User Agent Switcher
PCなのに携帯から見てる、ってことにできる。
同じページでも[PCと携帯][携帯のメーカー]等で表示を振り分けてるのを確認するとき便利。
■設定編
一度入れたら常時機能しているアドオン達。ある意味一番使っている。
◇ツリー型タブ
タブの位置を右にできるのが便利。
沢山タブを開いたとき初期のように上に横並びだとスペース足りず縮まって、どれがなんだかわからなくなるので。
◇Tab Mix Plus
タブの挙動を自由に変えられる。
ツールバーのgoogle検索の結果を新規タブで開くとかを設定。
■便利機能編
日常使うこまかい動作をスピーディーにしてくれるもの。
◇GMarks
googleブックマークに簡単に登録できる。
いちいちiGoogle開かなくても良い。
◇Google Reader Watcher
Googleリーダーの様子がステータスバーに表示される。
いちいちiGoogle開かなくても良い。
◇PageDiff
2つのページの差分が取れる。
ソース開いて、差分用のソフト起動して、コピペして~という手間が減る。
◇pearl crescent page saver
開いているページの画面キャプチャ(png/jpg)が撮れる。
表示領域だけとページまるごとが選べて便利、操作も単純で良い。
プリントスクリーンしてPhotoshopで切って~より断然早い。
◇qtl
英語をドラッグ⇒検索で翻訳文がポップアップで出る。普段はoff。
翻訳サイトで翻訳するより早い。
◇Site Launcher
ブラウザの中のランチャーソフト。
よく使うページを登録してるとショートカットキーですぐ開ける。
お気に入り開いてそこから探して~より早い。
◇分割ブラウザ
ブラウザを左右や上下に分割して複数のページを同時に表示できる。
2つのページちょっと見比べたいけど新しいウィンドウ開くのは面倒ってときに便利。
ということで、入れてるアドオンを紹介します。
■html編
コーディングの作業に関わるもの。
◇Html Validator
Validかどうかがステータスバーに表示される。
alt抜けとかタグ閉じ忘れとかの細かなチェックに便利。
◇Web Developer
Javascript無効、CSS無効、ブラウザサイズ変更、など、いろんな人の環境でチェックしたいときに便利。
◇MeasureIt
ページの上に任意のピクセルの四角をつくって長さを調べられる。
厳密に測る場合はfirebugで画像のサイズ調べたり、キャプチャとって画像の空き調べたりするけど、大体が知りたいときはさっと使えて便利。
◇Popup ALT Attribute
IEみたいに画像にマウスオンでaltが出るようになる。altチェックするとき便利。
◇Flash Switcher
Flashのバージョンを切り替えられる。
バージョンいくつ以上対応とか確かめるときに超便利。
■Firebug関係
これもhtml関係なんだけど多いので独立させました。
◇Firebug
使う率ナンバー1。プレビュー見ながらhtmlやcssを書き換えられるのが超便利。まだ使い切れてないほどなんでもできる。
◇FiddlerHook
FirefoxでFiddlerが使えるようになる。完全体。
◇Firecookie
Firebugと合わせて使う。cookieの情報を便利に扱えるらしい(普段あまり使わない)。
◇YSlow
Firebugの友達。ページの開く速度をチェック+こうしたらもっと早くなるよを教えてくれる。
■携帯編
携帯サイトをつくるとき役立つもの。
◇FireMobileSimulator
携帯の機種を指定するとブラウザ上で表示が確認できる。機種沢山選べて凄い。
◇Mobile Barcoder
ステータスバーに出たアイコンにオンマウスすると、開いているページのアドレス情報が入ったQRコードが表示される。携帯サイトつくってPC確認後、実機で検証するときに超便利。
◇lori (Life-of-request info)
ページのサイズ、読み込むまでの時間などをステータスバーに表示。
特にサイズ制限がある携帯サイトチェックするとき便利。
◇User Agent Switcher
PCなのに携帯から見てる、ってことにできる。
同じページでも[PCと携帯][携帯のメーカー]等で表示を振り分けてるのを確認するとき便利。
■設定編
一度入れたら常時機能しているアドオン達。ある意味一番使っている。
◇ツリー型タブ
タブの位置を右にできるのが便利。
沢山タブを開いたとき初期のように上に横並びだとスペース足りず縮まって、どれがなんだかわからなくなるので。
◇Tab Mix Plus
タブの挙動を自由に変えられる。
ツールバーのgoogle検索の結果を新規タブで開くとかを設定。
■便利機能編
日常使うこまかい動作をスピーディーにしてくれるもの。
◇GMarks
googleブックマークに簡単に登録できる。
いちいちiGoogle開かなくても良い。
◇Google Reader Watcher
Googleリーダーの様子がステータスバーに表示される。
いちいちiGoogle開かなくても良い。
◇PageDiff
2つのページの差分が取れる。
ソース開いて、差分用のソフト起動して、コピペして~という手間が減る。
◇pearl crescent page saver
開いているページの画面キャプチャ(png/jpg)が撮れる。
表示領域だけとページまるごとが選べて便利、操作も単純で良い。
プリントスクリーンしてPhotoshopで切って~より断然早い。
◇qtl
英語をドラッグ⇒検索で翻訳文がポップアップで出る。普段はoff。
翻訳サイトで翻訳するより早い。
◇Site Launcher
ブラウザの中のランチャーソフト。
よく使うページを登録してるとショートカットキーですぐ開ける。
お気に入り開いてそこから探して~より早い。
◇分割ブラウザ
ブラウザを左右や上下に分割して複数のページを同時に表示できる。
2つのページちょっと見比べたいけど新しいウィンドウ開くのは面倒ってときに便利。
2010/01/07
powerpointを軽くする(図の圧縮)
提出やプレゼン等では軽いほうがさっと開けて良いので軽くしようという話の図編。
■まず
jpeg等の画像を置いて縮小・トリミングをしてもファイルサイズは変わらない。
というのは縮小で小さくなった図はあくまで「大きい図が小さくなっている状態」だし、トリミングした図も見えなくなった部分の情報は残ったままだから。
■でも
資料つくり終わったらもうその図は「小さい図」として扱い、トリミングで見えなくなった部分は無いものとして扱えればファイルは軽くなる。そこで図の圧縮。
■方法
・適当な図をダブルクリック
・「図」のタブの「圧縮」を選択
・「図の圧縮」ウィンドウが開く
そのウィンドウで↓にチェックつけて圧縮。
◇設定の対象
・選択した図
・ドキュメント内のすべての図
どちらか。一括でやるときは「すべての図」のほう。
◇解像度の変更
・Web/画面(96dpi)
・印刷(200dpi)
・変更なし
目的に合わせて上2つのどちらかを選ぶ。
もちろん「Web/画面」のほうが軽くなるからPC上で使うならこっちだけど、
大抵のパワポ資料は印刷する可能性も秘めているのでなんとも。
◇オプション
・図を圧縮する
当然チェック
・図のトリミング部分を削除する
トリミングで見えなくなった部分が無かったことになって軽くなる。チェック。
■やった結果
画像多かったので、8MB⇒3MBとなかなか軽くなった。
■注意
トリミング部分が消えたり解像度落ちたりしてその後の修正がしにくくなるので、最後の最後にやることと、元データのバックアップを忘れないこと(イラレのアウトライン化のようなイメージ)。
■まず
jpeg等の画像を置いて縮小・トリミングをしてもファイルサイズは変わらない。
というのは縮小で小さくなった図はあくまで「大きい図が小さくなっている状態」だし、トリミングした図も見えなくなった部分の情報は残ったままだから。
■でも
資料つくり終わったらもうその図は「小さい図」として扱い、トリミングで見えなくなった部分は無いものとして扱えればファイルは軽くなる。そこで図の圧縮。
■方法
・適当な図をダブルクリック
・「図」のタブの「圧縮」を選択
・「図の圧縮」ウィンドウが開く
そのウィンドウで↓にチェックつけて圧縮。
◇設定の対象
・選択した図
・ドキュメント内のすべての図
どちらか。一括でやるときは「すべての図」のほう。
◇解像度の変更
・Web/画面(96dpi)
・印刷(200dpi)
・変更なし
目的に合わせて上2つのどちらかを選ぶ。
もちろん「Web/画面」のほうが軽くなるからPC上で使うならこっちだけど、
大抵のパワポ資料は印刷する可能性も秘めているのでなんとも。
◇オプション
・図を圧縮する
当然チェック
・図のトリミング部分を削除する
トリミングで見えなくなった部分が無かったことになって軽くなる。チェック。
■やった結果
画像多かったので、8MB⇒3MBとなかなか軽くなった。
■注意
トリミング部分が消えたり解像度落ちたりしてその後の修正がしにくくなるので、最後の最後にやることと、元データのバックアップを忘れないこと(イラレのアウトライン化のようなイメージ)。
2010/01/04
safariでcssが効かないとき
safariだけどうもcssが効かない。
何かと思ったら[@charset "Shift_JIS";]を1行目に書いてなかったから。
------------------------
/* コメントコメント */
@charset "Shift_JIS";
------------------------
は駄目。
------------------------
(空白)
@charset "Shift_JIS";
------------------------
も駄目。
------------------------
@charset "Shift_JIS";
(空白)
------------------------
で解決。
・ありがたい参考サイト
http://www.ichiro.to/item/673
何かと思ったら[@charset "Shift_JIS";]を1行目に書いてなかったから。
------------------------
/* コメントコメント */
@charset "Shift_JIS";
------------------------
は駄目。
------------------------
(空白)
@charset "Shift_JIS";
------------------------
も駄目。
------------------------
@charset "Shift_JIS";
(空白)
------------------------
で解決。
・ありがたい参考サイト
http://www.ichiro.to/item/673
登録:
投稿 (Atom)