2006/05/23
【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のカスタマイズのお役にたてる メルマガ＆サイトを目指してますｐ(^-^)ｑ ご意見・ご要望・ご感想・質問・リクエストなど info@gift-select.comまでどうぞ(*^^) お待ちしています♪ ■今日の小技 Web上の色コードを調べる■ 他のサイトを見ていて、この色いいな〜 と思うことはありませんか？ 今日は、そんなときに色コードを調べられるフリーソフトの紹介です。 パワースポイト（ベクターからダウンロードできます） http://www.vector.co.jp/soft/win95/art/se187189.html Web上のどの部分からでも色コードが取得できます。 使い方は簡単です。 ・カーソルを調べたい色の上に合わせる。 ・希望の色の上でスペースキーを押す。 ・コピーボタンを押す ・テキストエディタに貼り付けすると色コードが張り付きます！ 便利〜♪ わかりづらいところもあると思いますので、メルマガやブログの内容で 意味不明の部分がありましたら質問してくださいね。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ MovableTypeをおしゃれにカスタマイズ♪ http://movabletype.gift-select.com 発行者：YU info@gift-select.com 発行システム：『まぐまぐ！』 http://www.mag2.com/ 配信中止はこちら http://www.mag2.com/m/0000194715.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
