<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>毒蜘蛛実験室 &#187; ブラウザ</title>
	<atom:link href="http://blog.dokugumo13.info/archives/category/%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.dokugumo13.info</link>
	<description>Ｗｅｂの様々な技術を実験してみるブログ</description>
	<lastBuildDate>Sat, 12 Jun 2010 13:23:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.dokugumo13.info/archives/category/%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6/feed" />
		<item>
		<title>便利なブラウザチェッカー</title>
		<link>http://blog.dokugumo13.info/archives/116</link>
		<comments>http://blog.dokugumo13.info/archives/116#comments</comments>
		<pubDate>Thu, 04 Mar 2010 12:32:24 +0000</pubDate>
		<dc:creator>毒蜘蛛</dc:creator>
				<category><![CDATA[オンラインサービス]]></category>
		<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[便利ツール]]></category>

		<guid isPermaLink="false">http://blog.dokugumo13.info/?p=116</guid>
		<description><![CDATA[webサイトを作る際、さまざまなブラウザで問題なく閲覧できるように作らなくてはいけないので、作りながらレイアウト崩れが無いか等のチェックをします。
特にIE6.0がやはり曲者なので念入りにチェックしなければいけません。一 [...]]]></description>
			<content:encoded><![CDATA[<p>webサイトを作る際、さまざまなブラウザで問題なく閲覧できるように作らなくてはいけないので、作りながらレイアウト崩れが無いか等のチェックをします。</p>
<p>特にIE6.0がやはり曲者なので念入りにチェックしなければいけません。一番ダメすぎるブラウザのくせに利用者が未だ多いという状況ですからね…。</p>
<p>そんな中、私がブラウザチェックに使っているのが<a href="https://browserlab.adobe.com/index.html#" target="_blank">Adobe　BrowserLab</a>です。</p>
<p>もちろん無料のツールですが、予め<a href="https://www.adobe.com/cfusion/membership/index.cfm?nf=1&amp;nl=1&amp;promoid=EUQZB" target="_blank">AdobeID</a>を取得しておく必要があります（もちろん無料です）。</p>
<div id="attachment_115" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser1.jpg" rel="lightbox[116]"><img class="size-medium wp-image-115" title="ログイン画面" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser1-300x131.jpg" alt="adobe browserLab" width="300" height="131" /></a><p class="wp-caption-text">adobe browserLabログイン画面</p></div>
<p>メールアドレスとPassを入力してログインします。</p>
<p>ログインができたらチェックしたいサイトのURLを入力して、URL入力欄の右のボタンを押すだけです。</p>
<p>読み込みにちょっと時間がかかりますが、焦らず待ちましょう。</p>
<div id="attachment_117" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser2.jpg" rel="lightbox[116]"><img class="size-medium wp-image-117" title="IE6.0でのチェック" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser2-300x130.jpg" alt="IE6.0でのチェック" width="300" height="130" /></a><p class="wp-caption-text">IE6.0でのチェック</p></div>
<p>こんな感じに表示されます。</p>
<div id="attachment_118" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser3.jpg" rel="lightbox[116]"><img class="size-medium wp-image-118" title="入力項目" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser3-300x130.jpg" alt="入力項目" width="300" height="130" /></a><p class="wp-caption-text">入力項目</p></div>
<p>赤い枠で囲んでいるところを設定すれば良いだけです。</p>
<p>Delayは低すぎると読み込みきらないまま表示するようです。例えばbackgroundで指定している画像が表示されたりされなかったりします。</p>
<p>ここの数値を上げればちゃんと読みこんで表示するみたいです。</p>
<p>また、一番左の部分でどのブラウザでの表示にするかを選びます。ちなみにその上のviewという項目で画面表示方法を切り替える事が出来ます。</p>
<p>私は基本的にデフォルトのままですが。</p>
<div id="attachment_119" class="wp-caption alignnone" style="width: 310px"><a href="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser4.jpg" rel="lightbox[116]"><img class="size-medium wp-image-119" title="Mac safari3.0での表示" src="http://dokugumo.weblike.jp/wordpress/mediafile/2010/03/browser4-300x127.jpg" alt="Mac safari3.0での表示" width="300" height="127" /></a><p class="wp-caption-text">Mac safari3.0での表示</p></div>
<p>safariは文字にアンチエイリアスがかかって非常にキレイに表示されます。</p>
<p>とまぁ、非常に便利なツールですので、ご存じでなかった方はぜひこの機会に使ってみてください。</p>
<p>ただし、ローカルにあるファイルのチェックができないようです。</p>
<p>それが唯一の欠点かも。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dokugumo13.info/archives/116/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.dokugumo13.info/archives/116" />
	</item>
		<item>
		<title>ブラウザについて思う事</title>
		<link>http://blog.dokugumo13.info/archives/74</link>
		<comments>http://blog.dokugumo13.info/archives/74#comments</comments>
		<pubDate>Wed, 18 Nov 2009 12:10:35 +0000</pubDate>
		<dc:creator>毒蜘蛛</dc:creator>
				<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[FireFox]]></category>

		<guid isPermaLink="false">http://blog.dokugumo13.info/?p=74</guid>
		<description><![CDATA[僕は普段ブラウザはFireFoxを使ってます。会社のPCはMacなのでSafariを使うこともありますが。ちなみに家のPCはvistaのノートPCです。
世の中的にはInternetExplorer（以下IE）のユーザー [...]]]></description>
			<content:encoded><![CDATA[<p>僕は普段ブラウザは<a title="firefox" href="http://mozilla.jp/firefox/" target="_blank">FireFox</a>を使ってます。会社のPCはMacなので<a title="safari" href="http://www.apple.com/jp/safari/" target="_blank">Safari</a>を使うこともありますが。ちなみに家のPCは<span style="color: #008080;">vista</span>のノートPCです。</p>
<p>世の中的には<a title="Internet Explorer" href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">InternetExplorer</a>（以下IE）のユーザーが圧倒的に多いみたいですが、多分その理由が<span style="color: #ff0000;">「PCに最初から入ってるから。」</span>という場合がほとんどなんじゃあないかなぁ？と思うんですが実際のとこどうなんでしょう。</p>
<p>オンラインゲームにはIEが必要だったりするのでオンラインゲームのユーザーには必須なのかもしれませんが、このIEは非常に曲者なのです。</p>
<p>webサイトを作った事がある人はご存じだと思いますが、バグが非常に多い為に思い通りのデザインになかなかならなかったりします。</p>
<p>で、利用率の低い他のブラウザだとちゃんと上手くいくわけですね。</p>
<p>webサイトを作る身としてはＩＥを作った人に対して殺意すら湧きそうです（笑）。</p>
<p><span style="color: #ff6600;">FireFox</span>は<span style="color: #ff6600;">アドオン</span>をインストールすることで拡張できたりするし、割と頻繁にバージョンアップしてるので、新しいCSSの機能も使えます。</p>
<p>会社で管理しているサイトのアクセス解析を調べると総アクセスの8割ほどがIEで、そのうち<span style="color: #3366ff;">IE6</span>と<span style="color: #3366ff;">IE7</span>と<span style="color: #3366ff;">IE8</span>が大体<span style="color: #339966;">3：4：3</span>ぐらいの割合ですかね。</p>
<p>特に<span style="color: #3366ff;">IE6はバグだらけのロクでもないブラウザです。</span>サイトを作るとき毎回いちいちIE6で巧く表示できてるかチェックしなければいけないくらいです。</p>
<p><span style="color: #3366ff;">IE</span>を使う特別な理由がなければ、ぜひ<span style="color: #ff6600;">FireFox</span>をみんなに使ってほしいなぁと思うのでした。</p>
<p><img src="http://ecx.images-amazon.com/images/I/51f97JK8gKL._SL160_.jpg" alt="" /></p>
<p><a href="http://www.amazon.co.jp/%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%9D%E3%82%B1%E3%83%83%E3%83%88-Firefox-Mozilla-3%E5%AF%BE%E5%BF%9C/dp/4844325957%3FSubscriptionId%3DAKIAJUNAMN6XMCVPTCXQ%26tag%3Ddokugumo13-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4844325957">できるポケット+ Firefox Mozilla Firefox 3対応</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.dokugumo13.info/archives/74/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.dokugumo13.info/archives/74" />
	</item>
	</channel>
</rss>
