「MovableTypeをおしゃれにカスタマイズ♪」～ NO.7 ～
■ブラウザによる見え方の違い■
━━━━━━━━━━━━━━━━━━━━━━━━2006.5.23━━━
「MovableTypeをおしゃれにカスタマイズ♪」～ NO.7 ～
MovableTypeをデフォルトからのカスタマイズを実況中！
http://movabletype.gift-select.com/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
こんにちわ(*^^)
メルマガを読んでくださってるみなさんに感謝です♪
ベランダのプランターで稲作をすることになったYUです。
ちゃんとお米が収穫できるんでしょうか・・・(^-^;
■ブラウザによる見え方の違い■
ブラウザはたくさん種類があります。
・Internet Explorer
・Mozilla
・Firefox
・Netscape
・Safari
・Sleipnir
・他
アクセス解析を導入することによって、
どのブラウザで見られているかがわかります。
スタイルシートでデザインされたページは
ブラウザによってスタイルシートの解釈が異なるので
実際に表示される画面が違ってしまう場合があります。
私のサイトは訪問者のほとんどの方が
IE（インターネットエクスプローラー）で見ています。
私はMovableTypeのカスタマイズを始めてから、
しばらくはIEでしか見てませんでした。
IE以外のブラウザで見てる方もいたのは解ってましたが
確認のためにブラウザを新たにインストールするのが億劫で
そのままにしてました。
他のブラウザでは崩れてるかも・・・と思いながら。
しかし、複数のサイトを見たいときにIEをいくつも開いておくのも
なんだかな～、という理由から、タブブラウザのFirefoxを導入する
ことにしました。
そして早速サイトを確認してみると・・・
・・・見事に崩れてました (￣▽￣;)!!
少しずつ修正して、なんとかFirefoxでも見られるようになりました。
ちなみにFirefoxは無料でダウンロードできます。
タブブラウザ、便利です・・・。
Firefoxの公式サイト
http://www.mozilla-japan.org/
しかし、すべてのブラウザをインストールして見え方をチェックするな
んてできません。
ほとんどの訪問者がIEで見てるから、他のブラウザはゴメンナサイ。
というのも、カスタマイズの最初の段階ではアリかなと思います。
でも、トップページだけでもデザインが出来上がったら自分のサイトが
どう見えているのか気になりませんか？
その頃にはスタイルシートだって、なんとなくわかってくるころだと
思います。修正だってできるでしょう。
そこで、ダウンロードなしで、
他のブラウザでの見え方をチェックできるツールを紹介します。
browsershots
http://movabletype.gift-select.com/
FirefoxやMozilla、IEなどの実際の見え方を見せてくれるサイトです。
チェックしたいアドレスを入力して「スクリーンショットを作成」をク
リックします。すこし時間がかかりますが、他のブラウザで見える画面
のスクリーンショットを作成してくれます。
ちなみに、私の場合作成されるまで小１時間かかりました。
私のPCはWindowsなので、マックでしか見られないSafariでの見え方が
見られるのはとっても嬉かったです♪
現在使われているブラウザを全部チェックできるわけではないので、
自分でできる範囲でいいと思いますヨ。
そういう私も実際にインストールしてサイトの見た目を確認している
ブラウザはIEとFirefox（メインで使ってます）だけですから(^-^;
今回はちょっと難しい内容になってしまいました。
そういえばこんなこと書いてあったな～、くらいに覚えててくださいね。
カスタマイズに余裕ができたときにチェックしてみて下さい(*^^)
MovableTypeのカスタマイズのお役にたてる
メルマガ＆サイトを目指してますｐ(^-^)ｑ
