<?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/"
	>

<channel>
	<title>米が好き &#187; IE</title>
	<atom:link href="http://kome-suki.net/archives/tag/ie/feed" rel="self" type="application/rss+xml" />
	<link>http://kome-suki.net</link>
	<description>http://kome-suki.net</description>
	<lastBuildDate>Wed, 05 Jan 2011 12:30:23 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>【WordPress】管理画面でCSS3が使われていた</title>
		<link>http://kome-suki.net/archives/8248</link>
		<comments>http://kome-suki.net/archives/8248#comments</comments>
		<pubDate>Sat, 22 May 2010 16:50:26 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[WEBブラウザ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8248</guid>
		<description><![CDATA[凄い今更なのかもしれませんが、WordPressの管理画面でCSS3が使われている事を知りました。
『border-radius』と言う、ボーダーを角丸にするプロパティだけ知りましたが、何気に他にも使われていたりするか [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_34.png" alt="WordPress" title="WordPress" width="150" height="150" class="entry_thumb" />凄い今更なのかもしれませんが、WordPressの管理画面でCSS3が使われている事を知りました。<br />
『border-radius』と言う、ボーダーを角丸にするプロパティだけ知りましたが、何気に他にも使われていたりするかもしれません。<br />
<br />
現在の最新版がベータを除き 2.9.2。<br />
もしかしたら 2.9 の時から使われていたのかもしれません。<br />
IEを無視するその姿勢、大好きです。ｗ<br />
<br />
現在主流となっている5つのブラウザで見てみました。<br />
以下に貼っている画像は、管理画面の左サイドのメニュー部分です。<br />
<br />
<table border="0" cellspacing="0" cellpadding="0"><tr><th>Firefox 3.5.9</th><th>Opera 10.53</th><th>Google Chrome 4.1</th></tr><tr><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_firefox_1.png" alt="WordPress - Firefox" title="WordPress - Firefox" width="149" height="368" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_opera_1.png" alt="WordPress - Opera" title="WordPress - Opera" width="149" height="368" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_chrome_1.png" alt="WordPress - Google Chrome" title="WordPress - Google Chrome" width="149" height="368" class="pict" /></th></tr><tr><th>Safari 4.0.5</th><th>Safari (iPhone)</th><th>Internet Explorer 6.0</th></tr><tr><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_safari_1.png" alt="WordPress - Safari" title="WordPress - Safari" width="149" height="368" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_iphone_9.png" alt="WordPress - Safari (iPhone)" title="WordPress - Safari (iPhone)" width="138" height="337" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_ie_1.png" alt="WordPress - Internet Explorer" title="WordPress - Internet Explorer" width="145" height="364" class="pict" /></th></tr></table>
<br />
さすがだIE、ちゃんと最後でオチてくれる。<br />
iPhoneですら対応してるってのに、IE8になっても未対応なんて。<br />
完全にみんなと違う方向向いてるだろIE。<br />
<br />
ちなみに『Opera 9.**』もCSS3未対応です。<br />
現在は 10.53 の最新版が出ているので、Opera使いの方はバージョンアップした方が良いかもです。<br />
<br />
全世界のWEBデザイナーがIE6止めれば、シェアは10％切ると思うんですが。<br />
しかし、私の勤めるスイミングは未だにIE6なので、勝手にバージョンアップしておこうかしら。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8248/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【8/9-8/15】週間ヘッドライン【14記事】</title>
		<link>http://kome-suki.net/archives/4922</link>
		<comments>http://kome-suki.net/archives/4922#comments</comments>
		<pubDate>Fri, 14 Aug 2009 17:51:39 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[コナミ]]></category>
		<category><![CDATA[ドラゴンボール]]></category>
		<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4922</guid>
		<description><![CDATA[2009/8/8～8/15の目に付いた情報・ニュースなどをまとめてご紹介。
明日から旅行に行くので、今回は1日早めにアップしますです。

今後もやるかやらないか分からないとか言いつつ、結構スタンスが固まってきてます。ｗ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/08/headline_1.jpg" alt="ヘッドライン" title="ヘッドライン" width="150" height="150" class="entry_thumb" />2009/8/8～8/15の目に付いた情報・ニュースなどをまとめてご紹介。<br />
明日から旅行に行くので、今回は1日早めにアップしますです。<br />
<br />
今後もやるかやらないか分からないとか言いつつ、結構スタンスが固まってきてます。ｗ<br />
自分のちょいメモ代わりにも良いかもしれません。<br />
<span id="more-4922"></span><br class="clear" /><br />
昔は私もやってたリンクサイト。　CSSまで使えるってのが凄いですね。<br />
<div class="entry_link">Mozilla Re-Mix<br />
<a href="http://mozilla-remix.seesaa.net/article/125401782.html" target="_blank">手持ちのブックマークでリンク集っぽいページを生成できるFirefoxアドオン「MyBookmarks」</a></div>
<br />
そうか、デンデ役の鈴木富子さんは亡くなっていたのか。<br />
<div class="entry_link">まにあっくすZ<br />
<a href="http://maniaxz.blog99.fc2.com/blog-entry-3072.html" target="_blank">「ドラコンボール改」追加キャスト　デンデ役に平野綾　…けいおん、律ちゃんも</a></div>
<br />
どんだけ人気があったとしても、犯罪者ですから。<br />
<div class="entry_link">ZAKZAK<br />
<a href="http://www.zakzak.co.jp/gei/200908/g2009081029_all.html" target="_blank">酒井法子ノーブラ留置生活…湾岸署にファン電話殺到</a></div>
<br />
iPhone、大人気ですね。<br />
<div class="entry_link">ASCII.jp<br />
<a href="http://ascii.jp/elem/000/000/448/448992/" target="_blank">iPhone累計出荷台数3000万台突破</a></div>
<br />
こんなんに頼るより、只単に違反を犯さなきゃいいだけの話じゃね？<br />
<div class="entry_link">iPhone・iPod touch ラボ<br />
<a href="http://ipodtouchlab.com/2009/08/iphone-trapster-435.html" target="_blank">オービスやねずみ取りのポイントが近づくと音声で警告する『Trapster』-今日のアプリ第435回</a></div>
<br />
この格差。ｗｗｗ<br />
<div class="entry_link">探偵ファイル<br />
<a href="http://www.tanteifile.com/entertainment/2009/08/11_01/index.html" target="_blank">ドラゴンボールで言うところの</a></div>
<br />
こういった使い方は非常に良い趣向だと思います。<br />
<div class="entry_link">ITmedia News<br />
<a href="http://www.itmedia.co.jp/news/articles/0908/11/news031.html" target="_blank">Wi-Fi対応のペースメーカー、米国で初の装着患者</a></div>
<br />
コナミ、頑張ってますね。　DDRの上タップは正直やり辛い。<br />
<div class="entry_link">マイコミジャーナル<br />
<a href="http://journal.mycom.co.jp/news/2009/08/11/021/index.html" target="_blank">コナミ、iPhone/iPod touchゲームをセール価格配信 &#8211; DanceDance Revolution Sが350円</a></div>
<br />
※ただし可愛い子に限る。<br />
<div class="entry_link">ガジェット通信<br />
<a href="http://getnews.jp/archives/25054" target="_blank">実用的？　イヤホン搭載型ネコ耳カチューシャ『猫耳イヤフォン』</a></div>
<br />
でけぇ！ｗ<br />
<div class="entry_link">らばQ<br />
<a href="http://labaq.com/archives/51249238.html" target="_blank">少女たちがホノボノと遊んでいるつもりが、信じられない大物を捕まえてびっくり（動画）</a></div>
<br />
今年で切って良いですよ。<br />
<div class="entry_link">気になる、記になる…<br />
<a href="http://taisyo.seesaa.net/article/125535741.html" target="_blank">MS、｢Internet Explorer 6｣も2014年までサポート</a></div>
<br />
原理は理解出来たが、何だこれ。<br />
<div class="entry_link">らばQ<br />
<a href="http://labaq.com/archives/51250054.html" target="_blank">iPhoneでプロペラの回転を撮影したらとんでもないことになってた</a></div>
<br />
人混みは嫌いです。<br />
<div class="entry_link">まにあっくすZ<br />
<a href="http://maniaxz.blog99.fc2.com/blog-entry-3094.html" target="_blank">ついに開幕！「コミケ76」 罵声に殴り合い、スリ、痴漢…１日目の事件まとめ</a></div>
<br />
やっぱ遊び心ってのも大切ですよね。<br />
<div class="entry_link">らばQ<br />
<a href="http://labaq.com/archives/51250598.html" target="_blank">「まさか…」Googleストリートビューで信じられない場所が撮影されていると話題に</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4922/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【8/2-8/8】週間ヘッドライン【25記事】</title>
		<link>http://kome-suki.net/archives/4898</link>
		<comments>http://kome-suki.net/archives/4898#comments</comments>
		<pubDate>Sat, 08 Aug 2009 14:44:29 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[Blu-ray]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DRAGON QUEST]]></category>
		<category><![CDATA[DS]]></category>
		<category><![CDATA[FINAL FANTASY]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[WEBサービス]]></category>
		<category><![CDATA[けいおん！]]></category>
		<category><![CDATA[ハルヒ]]></category>
		<category><![CDATA[マジコン]]></category>
		<category><![CDATA[全般]]></category>
		<category><![CDATA[水泳]]></category>
		<category><![CDATA[秋葉原]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4898</guid>
		<description><![CDATA[2009/8/2～8/8の目に付いた情報・ニュースなどをまとめてご紹介。

今は忙しくて1つ1つ記事にする暇が無いからこの形式をとっていますが、今後も続けるかどうかは不明です。
1つの事に対して、じっくりレビューっての [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/08/headline_1.jpg" alt="ヘッドライン" title="ヘッドライン" width="150" height="150" class="entry_thumb" />2009/8/2～8/8の目に付いた情報・ニュースなどをまとめてご紹介。<br />
<br />
今は忙しくて1つ1つ記事にする暇が無いからこの形式をとっていますが、今後も続けるかどうかは不明です。<br />
1つの事に対して、じっくりレビューってのが好きな方なので、1行コメントって楽だけど何だか味気ないような気がします。<br />
個人的主観なので他の人を批判しているのではありません、あしからず。<br />
<span id="more-4898"></span><br class="clear" /><br />
脱獄やってみたいけど、何だか怖い。<br />
<div class="entry_link">気になる、記になる…<br />
<a href="http://taisyo.seesaa.net/article/124805753.html" target="_blank">iPhone 3.0.1は｢redsn0w 0.8｣で脱獄可能</a></div>
<br />
m9（＾Д＾）<br />
<div class="entry_link">にゅーあきばどっとこむ<br />
<a href="http://www.new-akiba.com/archives/2009/08/dsi_7.html" target="_blank">ニンテンドーDSi最新ファームでマジコンが使えなくなる</a></div>
<br />
1000レビューは素直に凄いと思います。<br />
<div class="entry_link">iPhoneアプリをおすすめするAppBank<br />
<a href="http://www.appbank.net/2009/08/05/iphone-news/41530.php" target="_blank">AppBank2009は1000レビューを超えました。</a></div>
<br />
是非とも行きたい『ルイーダの酒場』。<br />
<div class="entry_link">探偵ファイル<br />
<a href="http://www.tanteifile.com/entertainment/2009/08/05_01/index.html" target="_blank">レア地図を求めて・秋葉原「ルイーダの酒場」大盛況！</a></div>
<br />
これは分かりやすい。<br />
<div class="entry_link">探偵ファイル<br />
<a href="http://www.tanteifile.com/entertainment/2009/08/06_01/index.html" target="_blank">わかりやすくドラクエ９で例えてみます</a></div>
<br />
これは怖い。<br />
<div class="entry_link">まにあっくすZ<br />
<a href="http://maniaxz.blog99.fc2.com/blog-entry-3062.html" target="_blank">日テレで不可解な放送事故　…「ガチで怖すぎる」「オカルトじみてる」と話題に</a></div>
<br />
WEBサイトじゃなくてアプリだったら良かったのに。<br />
<div class="entry_link">つかえるクマー？<br />
<a href="http://meguri0721.blog78.fc2.com/blog-entry-958.html" target="_blank">毎分美女が時間を教えてくれる『美人時計』</a></div>
<br />
黒の背景って意外と難しいんですよね。<br />
<div class="entry_link">コリス<br />
<a href="http://coliss.com/articles/build-websites/operation/design/how-to-create-dark-web-design.html" target="_blank">ブラックベースの暗いウェブデザインで気をつけたいポイント</a></div>
<br />
業界には頑張って欲しいけど、個人の方も応援してます。<br />
<div class="entry_link">builder by ZDNet Japan<br />
<a href="http://builder.japan.zdnet.com/sp/iphone-3g-2008/story/0,3800087831,20397872,00.htm?ref=rss" target="_blank">iPhoneを巡るゲーム業界の動き</a></div>
<br />
PCのHDDより容量多いです…。<br />
<div class="entry_link">Gizmodo Japan<br />
<a href="http://www.gizmodo.jp/2009/08/blu-ray_1.html" target="_blank">次世代Blu-rayの容量がとんでもないことになっている</a></div>
<br />
怒られて当然だと思います。<br />
<div class="entry_link">ロケットニュース24（β）<br />
<a href="http://rocketnews24.com/?p=12937" target="_blank">教会でヌード写真を撮影し神父カンカン「不快だ訴える！」</a></div>
<br />
3枚目の人に針持って突撃したい。ｗ<br />
<div class="entry_link">情報屋さん。<br />
<a href="http://jyouhouya3.net/2009/08/sexy_4.html" target="_blank">SEXYから変テコなものまで。個性的なウェディングドレスいろいろ</a></div>
<br />
こういうキャンペーンはどんどんやってください！<br />
<div class="entry_link">スラッシュドット・ジャパン<br />
<a href="http://slashdot.jp/it/article.pl?sid=09/08/06/0350203" target="_blank">IE6の乗り換えを促す「IE6 No More」キャンペーン始まる</a></div>
<br />
いつの間にかバージョンアップしてたんですね。<br />
<div class="entry_link">二十歳街道まっしぐら<br />
<a href="http://tokuna.blog40.fc2.com/blog-entry-1833.html" target="_blank">テーマ選択も可能！Google Chrome 3 になり進化した機能４点</a></div>
<br />
まっっっっったく感動なんてしませんでした。ｗ<br />
<div class="entry_link">まにあっくすZ<br />
<a href="http://maniaxz.blog99.fc2.com/blog-entry-3063.html" target="_blank">【バレ注意】　涼宮ハルヒのエンドレスエイト、ついに脱出！！！　…「感動した」の声も</a></div>
<div class="entry_link">今日もやられやく<br />
<a href="http://yunakiti.blog79.fc2.com/blog-entry-3591.html" target="_blank">【感動した】お疲れ様でした、エンドレスエイトは終了しました【ありがとう】</a></div>
<br />
オフライン派の私としてはいまいち盛り上がりません。<br />
<div class="entry_link">GameSpot Japan<br />
<a href="http://japan.gamespot.com/ps3/news/story/0,3800075348,20398066,00.htm?ref=rss" target="_blank">「ファイナルファンタジーXIV」公式サイトリニューアル＆新情報公開！</a></div>
<div class="entry_link">GIGAZINE<br />
<a href="http://gigazine.net/index.php?/news/comments/20090807_ff14/" target="_blank">「FINAL FANTASY XIV（FF14）」の公式サイト更新、「エオルゼア」の世界を一挙公開</a></div>
<br />
ついに発売されましたね。　どーなんでしょ。<br />
<div class="entry_link">GameSpot Japan<br />
<a href="http://japan.gamespot.com/xbox360/news/story/0,3800075348,20398035,00.htm?ref=rss" target="_blank">アンドロイドとピュアピュアなひと時を&#8211;「ドリームクラブ」VIP待遇や新たなコスプレ衣装など新情報を公開</a></div>
<br />
DIVの高さを揃えたり、フッターの定位置などは結構使えますよね。<br />
<div class="entry_link">コリス<br />
<a href="http://coliss.com/articles/build-websites/operation/css/css-mastering-styling-design-elements.html" target="_blank">[CSS]スタイルシートの実用的なテクニック集：レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編</a></div>
<br />
作戦勝ちですかね。<br />
<div class="entry_link">CNET Japan<br />
<a href="http://japan.cnet.com/news/biz/story/0,2000056020,20398085,00.htm?ref=rss" target="_blank">ドラクエ9は中古品出回らず、ネット通信機能が奏功</a></div>
<br />
フォトショップの力を見た。ｗ<br />
<div class="entry_link">情報屋さん。<br />
<a href="http://jyouhouya3.net/2009/08/post_164.html" target="_blank">フォトショップ凄い！ 実写を似顔絵風に加工した画像いろいろ</a></div>
<br />
金メダリストだって『2ちゃんねる』や『けいおん！』見たっていいじゃない。ｗ<br />
<div class="entry_link">ガジェット通信<br />
<a href="http://getnews.jp/archives/24652" target="_blank">世界水泳の金メダリスト・古賀淳也は2ちゃんねらーだった！</a></div>
<div class="entry_link">今日もやられやく<br />
<a href="http://yunakiti.blog79.fc2.com/blog-entry-3588.html" target="_blank">世界水泳金メダリスト古賀淳也選手が『けいおん！』好きでν速民であることをブログで告白</a></div>
<br />
この位置取りは気付きませんでした。<br />
<div class="entry_link">ロケットニュース24（β）<br />
<a href="http://rocketnews24.com/?p=13203" target="_blank">『DQ9』カンタンなレベルアップ方法を伝授</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4898/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>YouTubeがIE6のサポートを終了！</title>
		<link>http://kome-suki.net/archives/4734</link>
		<comments>http://kome-suki.net/archives/4734#comments</comments>
		<pubDate>Thu, 16 Jul 2009 17:48:53 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4734</guid>
		<description><![CDATA[いやっほぅ～い！

いいぞ！　いいぞ！　YouTube！！

がんばれ！　がんばれ！　Google！！

こういった大手サイトが動いてくれると、IE6撲滅への道は早まると思います。
もうね、私歓喜！！ｗ

早く私もバー [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/07/youtube_3.png" alt="YouTube" title="YouTube" width="150" height="150" class="entry_thumb" /><strong style="font-size:20px;">いやっほぅ～い！</strong><br />
<br />
いいぞ！　いいぞ！　YouTube！！<br />
<br />
がんばれ！　がんばれ！　Google！！<br />
<br />
こういった大手サイトが動いてくれると、IE6撲滅への道は早まると思います。<br />
もうね、私歓喜！！ｗ<br />
<br />
早く私もバージョンアップしたい。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/07/youtube_4.png" alt="YouTube" title="YouTube" width="400" height="300" class="pict" />
<br />
<br />
作り手側なので、IE6のチェックの為バージョンアップしてません。<br />
ちなみにこのブログは、IE6は無視してるのであしからず。<br />
<br />
<br />
<div class="entry_link">TechCrunch Japanese<br />
<a href="http://jp.techcrunch.com/archives/20090714youtube-will-be-next-to-kiss-ie6-support-goodbye/" target="_blank">YouTube、Diggに続いてIE6のサポートを打ち切りか？</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4734/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】ニコニコ動画をRSSで表示させる方法</title>
		<link>http://kome-suki.net/archives/4544</link>
		<comments>http://kome-suki.net/archives/4544#comments</comments>
		<pubDate>Thu, 11 Jun 2009 20:28:37 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[ニコニコ動画]]></category>
		<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4544</guid>
		<description><![CDATA[WordPressのプラグイン、『FeedList』を使ってニコニコ動画のマイリストを表示させる方法です。
ニコニコ動画のマイリストなどはRSS配信されているので、以前紹介した方法でやればOKです。
しかし配信先によっ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/06/wp_nico_1.png" alt="WordPress ＆ ニコニコ動画" title="WordPress ＆ ニコニコ動画" width="150" height="150" class="entry_thumb" />WordPressのプラグイン、『FeedList』を使ってニコニコ動画のマイリストを表示させる方法です。<br />
ニコニコ動画のマイリストなどはRSS配信されているので、<a href="http://kome-suki.net/archives/4487">以前紹介した方法</a>でやればOKです。<br />
しかし配信先によって、タグ等が違います。<br />
実際このブログの右サイドに表示している形式を元に、以下より説明いたします。<br />
<br />
『FeedList』の設置の仕方は『<a href="http://kome-suki.net/archives/4487">【WordPress】Tumblrを表示させる方法</a>』を参照してください。<br />
<br />
以下は、ニコニコ動画のマイリストのRSSから配信されているコードです。<br />
<pre><code>&lt;div class="nico_box"&gt;
&nbsp;&nbsp;&lt;span class="rssLinkListItemTitle"&gt;&lt;a href="http://www.nicovideo.jp/watch/sm<span class="text_red">***</span>" rel="external"  title="<span class="text_red">動画UP者のコメント 動画時間</span>｜<span class="text_red">投稿日 投稿時間</span> 投稿"&gt;<span class="text_red">動画タイトル</span>&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&nbsp;&nbsp;&lt;p class="nico-memo"&gt;<span class="text_red">自分で付けた動画メモ</span>&lt;/p&gt;
&nbsp;&nbsp;&lt;p class="nico-thumbnail"&gt;&lt;img alt="<span class="text_red">動画タイトル</span>" src="http://tn-skr4.smilevideo.jp/smile?i=<span class="text_red">***</span>" width="94" height="70" border="0"/&gt;&lt;/p&gt;
&nbsp;&nbsp;&lt;p class="nico-description"&gt;<span class="text_red">動画UP者のコメント</span>&lt;/p&gt;
&nbsp;&nbsp;&lt;p class="nico-info"&gt;&lt;small&gt;&lt;strong class="nico-info-length"&gt;<span class="text_red">動画時間</span>&lt;/strong&gt;｜&lt;strong class="nico-info-date"&gt;<span class="text_red">投稿日 投稿時間</span>&lt;/strong&gt; 投稿&lt;/small&gt;&lt;/p&gt;
&lt;/div&gt;</code></pre>
<br />
<span class="text_red">赤字</span>は動画によって変わる部分です。<br />
上記のように、ニコニコ動画は細かくクラス分けされているので、後は自分好みにCSSに書くだけです。<br />
<br />
<pre><code>&lt;div class="nico_box"&gt;～&lt;/div&gt;</code></pre>
各動画をブロック分けする為に、直接『feedlist.php』内に書いたコードです。<br />
<br />
以下は私が書いたCSS。<br />
<pre><code><span style="color:#f90;">/* ボックスにポジションを付けます。 */</span>
.nico_box {
&nbsp;&nbsp;position: relative;
&nbsp;&nbsp;height: 110px;
&nbsp;&nbsp;margin: 0 5px 10px;
}

<span style="color:#f90;">/* 画像の位置決めと、94x70に縮小されているので元のサイズに戻します。　ついでに枠も付けてみる。 */</span>
.nico_box .nico-thumbnail img {
&nbsp;&nbsp;position: absolute;
&nbsp;&nbsp;top: 0;
&nbsp;&nbsp;left: 0;
&nbsp;&nbsp;width: 130px;
&nbsp;&nbsp;height: 100px;
&nbsp;&nbsp;padding: 2px;
&nbsp;&nbsp;border: solid 1px #ccc;
&nbsp;&nbsp;background: #fff;
}

<span style="color:#f90;">/* 動画タイトルの位置決め。 */</span>
.nico_box .rssLinkListItemTitle {
&nbsp;&nbsp;position: absolute;
&nbsp;&nbsp;top: 0;
&nbsp;&nbsp;left: 140px;
&nbsp;&nbsp;padding: 2px 0 2px 5px;
&nbsp;&nbsp;font-size: 12px;
}

<span style="color:#f90;">/* メモは付けていませんが、一応隠します。 */</span>
.nico_box .nico-memo {
&nbsp;&nbsp;height: 0;
&nbsp;&nbsp;overflow: hidden;
}

<span style="color:#f90;">/* 動画UP者のコメントも隠します。 */</span>
.nico_box .nico-description {
&nbsp;&nbsp;height: 0;
&nbsp;&nbsp;overflow: hidden;
}

<span style="color:#f90;">/* 動画の時間や投稿日などの位置決め。 */</span>
.nico_box .nico-info {
&nbsp;&nbsp;position: absolute;
&nbsp;&nbsp;bottom: 0;
&nbsp;&nbsp;right: 0;
&nbsp;&nbsp;font-size: 10px;
}

<span style="color:#f90;">/* 太字を普通にします。 */</span>
.nico_box .nico-info strong {
&nbsp;&nbsp;font-weight: normal;
}

<span style="color:#f90;">/* strongをブロック化にし、右寄せにします。 */</span>
.nico_box .nico-info-length {
&nbsp;&nbsp;display: block;
&nbsp;&nbsp;text-align: right;
}</code></pre>
<br />
<br />
実際四苦八苦した <span class="no_box">IE6での問題点</span>。<br />
動画のUP者コメント（多分）の内容によって、表示がおかしくなります。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/06/wp_nico_2.jpg" alt="WordPress ＆ ニコニコ動画" title="WordPress ＆ ニコニコ動画" width="400" height="327" class="pict" />
<br />
<br />
ソース見ると、普段しない文字バケをおこしていました。<br />
他の動画ではならなかったので、只単に「この動画のコメントが影響してる」としか言えません。<br />
ちなみにこの崩れが起こるのは、案の定IEだけ。<br />
何が原因かは掴めていないので、こればっかりはIEだけの悪口を言えないのでした・・・。<br />
<br />
<br />
<strong class="text_red">追記</strong>（6/12 23:20）<br />
今日見たら、何もなく直ってました。<br />
RSSの受信が上手くいってなかったのかな。<br />
原因はさっぱりですが、直って良かった事に変わりはありません。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4544/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>リンクをクリックした時に出る破線を消す方法</title>
		<link>http://kome-suki.net/archives/4340</link>
		<comments>http://kome-suki.net/archives/4340#comments</comments>
		<pubDate>Sat, 09 May 2009 06:16:24 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[WEBブラウザ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4340</guid>
		<description><![CDATA[リンクが貼られたテキストや画像をクリックすると、回りに破線が出ます。
Opera、Safari、Google Chromeはデフォルトで出ません。
これが出るのは、IE、Sleipnir、Firefox、Lunasca [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/05/link_1.png" alt="リンク" title="リンク" width="150" height="150" class="entry_thumb" />リンクが貼られたテキストや画像をクリックすると、回りに破線が出ます。<br />
<a href="http://jp.opera.com/" target="_blank">Opera</a>、<a href="http://www.apple.com/jp/safari/" target="_blank">Safari</a>、<a href="http://www.google.com/chrome" target="_blank">Google Chrome</a>はデフォルトで出ません。<br />
これが出るのは、<a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">IE</a>、<a href="http://www.fenrir.co.jp/sleipnir/" target="_blank">Sleipnir</a>、<a href="http://mozilla.jp/firefox/" target="_blank">Firefox</a>、<a href="http://www.lunascape.jp/" target="_blank">Lunascape</a>（WebKit時以外）です。<br />
<br />
デザイン的にも、これを出させない為にCSSを使ってみましょう。<br />
<br />
話しはそれますが、画像の枠線を消すのは簡単ですよね。<br />
CSSに以下のコードを付けるだけです。<br />
<br />
<strong>CSS</strong><br />
<pre><code>img {
&nbsp;&nbsp;border: none;
}</code></pre>
<br />
これをどっかに書いておくだけで、サイト内の画像の枠線が全て消えます。<br />
<br />
で、問題のリンク破線を消す方法です。<br />
通常、以下の様に破線が出ます。（HOMEをクリックした時）<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/05/link_2.jpg" alt="リンク" title="リンク" width="400" height="150" class="pict" />
<br />
<br />
この破線を消すのは、CSSに以下のコードを書きます。<br />
<br />
<strong>CSS</strong><br />
<pre><code>a:focus {
&nbsp;&nbsp;outline: none;
}</code></pre>
<br />
はっはっはー、超簡単だぜー！<br />
・・・と思ったのも束の間、このコードFirefoxには効いてもIEには全く効かないコード。<br />
ちなみにSleipnirやLunascape（WebKit以外）にも効きません。<br />
なん・・・だと・・・？<br />
<br />
少々手間ですが、全てのブラウザで破線を消そうと思ったら、1つ1つのリンクに以下のJavaScriptのコードを足せば消せます。<br />
<br />
<strong>HTML</strong><br />
<pre><code>&lt;a href="URL" <span class="text_red">onFocus="if(this.blur)this.blur()</span>"&gt;リンク&lt;/a&gt;</code></pre>
<br />
一々全てのコードに貼る手間を考えると、どっちでも良いやーってな気持ちになります。<br />
でもまぁ、ヘッダー部のメニューとかだけにするなら便利かな。<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4340/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6利用者に警告文を出すJavaScript</title>
		<link>http://kome-suki.net/archives/4270</link>
		<comments>http://kome-suki.net/archives/4270#comments</comments>
		<pubDate>Thu, 23 Apr 2009 18:57:57 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[コンピューター / ソフトウェア]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4270</guid>
		<description><![CDATA[ポップアップをブロックした時とか、メニューバーの下に出る警告文。
IE6利用者に「いい加減IE6使うの止めて、7か8にバージョンアップしましょうよー」と言う文を出す事が出来るらしいです。

やり方は簡単で、(X)HTM [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/03/ie_9.jpg" alt="Internet Explorer" title="Internet Explorer" width="150" height="150" class="entry_thumb" />ポップアップをブロックした時とか、メニューバーの下に出る警告文。<br />
IE6利用者に「いい加減IE6使うの止めて、7か8にバージョンアップしましょうよー」と言う文を出す事が出来るらしいです。<br />
<br class="clear" /><br />
やり方は簡単で、(X)HTMLのBODYタグのすぐ下に以下のコードを記入するだけ。<br />
<pre><code>&lt;!--[if IE 6]&gt;
&lt;script type="text/javascript"&gt; 
	/*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("&lt;script type=\"text/javascript\"   src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"&gt;&lt;/"+"script&gt;"); var __noconflict = true; } 
	var IE6UPDATE_OPTIONS = {
		icons_path: "http://static.ie6update.com/hosted/ie6update/images/"
	}
&lt;/script&gt;
&lt;script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"&gt;&lt;/script&gt;
&lt;![endif]--&gt;</code></pre>
<br />
インターネットするだけの人からして見れば、自分の勝手なんだからほっとけよ！<br />
ってな気持ちかもしれませんが、WEBもどんどん新しくなってきてIE6では対応していない機能などもあります。<br />
バージョンアップはしておいて損は無いと思いますよー。<br />
と言うのは建前で、作る側からすればIE6なんて物はこの世から完全撲滅して欲しいのでありますよ。ｗ<br />
<br />
<br />
<div class="entry_link"><a href="http://ie6update.com/" target="_blank">IE6 Update</a></div>
<div class="entry_link">二十歳街道まっしぐら<br />
<a href="http://tokuna.blog40.fc2.com/blog-entry-1708.html" target="_blank">「そろそろIE6やめましょうよ」の警告を入れることができるスクリプト</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4270/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6撲滅キャンペーン実施中！！</title>
		<link>http://kome-suki.net/archives/4090</link>
		<comments>http://kome-suki.net/archives/4090#comments</comments>
		<pubDate>Thu, 19 Mar 2009 12:23:08 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[WEBサイト]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4090</guid>
		<description><![CDATA[未だにシェアが約20％のInternet Explorer 6.*（以下IE6）。
WEBデザイナー泣かせで有名なIE6。
私も今まで散々ぼやいてきた、アホアホのIE6。
そんな『IE6撲滅キャンペーン』が実施中との事 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/03/ie_9.jpg" alt="Internet Explorer" title="Internet Explorer" width="150" height="150" class="entry_thumb" />未だにシェアが約20％のInternet Explorer 6.*（以下IE6）。<br />
WEBデザイナー泣かせで有名なIE6。<br />
私も今まで散々ぼやいてきた、アホアホのIE6。<br />
そんな『IE6撲滅キャンペーン』が実施中との事。<br />
うっはーーー！　やれやれーーー！！<br />
<br />
3/20からIE8も公開される訳だし、これを機にIE6の人はバージョンアップをしましょう！<br />
私は表示テストしなきゃいけないのでIE6のままなんですがね。ｗ<br />
IE8正式版対応になったら、<a href="http://finalbuilds.edskes.net/iecollection.htm" target="_blank">Internet Explorer Collection</a>入れるかな。<br />
<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/03/net_magazine_1.gif" alt="Bring Down IE 6: a campaign" title="Bring Down IE 6: a campaign" width="400" height="465" class="pict" />
<br />
<br />
私も是非参加しようと思ったけど、残念ながら英語が読めません。ｗ<br />
ちなみに<a href="http://twitter.com/" target="_blank">Twitter</a>もしてません。<br />
誰か日本語サイト作ってくれたら、間違いなく参加しますよ！<br />
<br />
IEもバージョンアップしたら、ブラウザを開く度にアラートを表示するようにしたら良いのに。<br />
ライトユーザーでバージョンアップするという概念すら無い人もいるんだから。<br />
まぁアラート出たら、それはそれでウザイんですが…。<br />
<br />
<br />
<div class="entry_link">net magazine<br />
<a href="http://www.bringdownie6.com/" target="_blank">Bring Down IE 6: a campaign</a></div>
<div class="entry_link">教えて君.net<br />
<a href="http://www.oshiete-kun.net/archives/2009/03/web_ie6.html" target="_blank">Webデザイナーの敵！ IE6を抹殺するキャンペーン実施中</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4090/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>アホー、アホー、i-modeのアホー！</title>
		<link>http://kome-suki.net/archives/3921</link>
		<comments>http://kome-suki.net/archives/3921#comments</comments>
		<pubDate>Sat, 07 Mar 2009 15:44:11 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[docomo]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=3921</guid>
		<description><![CDATA[『IEとDocomoのバカさ加減は似ている・・・？』に続き、i-modeの超批判です。

『i-css』と言う俺ルールなドコモ仕様のCSS。
これを使って拡張子も『.xhtml』にして試してみた所、とんでもない事が発覚 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/03/imode_1.gif" alt="i-mode" title="i-mode" width="150" height="150" class="entry_thumb" />『<a href="http://kome-suki.net/archives/3814">IEとDocomoのバカさ加減は似ている・・・？</a>』に続き、i-modeの超批判です。<br />
<br />
『i-css』と言う俺ルールなドコモ仕様のCSS。<br />
これを使って拡張子も『.xhtml』にして試してみた所、とんでもない事が発覚したんです。<br />
<br />
それは・・・、<br />
<strong style="font-size:16px;">XHTMLにするとHTMLタグが使えない！</strong><br class="clear" /><br />
<span class="aa">　　　　　　　　 ,. -‐&#8221;&#8221;&#8217;&#8221;"¨¨¨ヽ<br />
　　　　 　 　 (.＿＿_,,,&#8230; -ｧァﾌ|　　　　　　　　　　あ…ありのまま 起こった事を話すぜ！<br />
　 　 　 　 　 |i i|　 　 }!　}} /／|<br />
　　　　 　 　 |l､{　 　j}　/,,ｨ//｜　　　　　　　『XHTMLでHTMLのタグを使ってコードを書いていたら<br />
　　　　　　　 i|:!ヾ､_ﾉ／ u {:}//ﾍ　　　　　　　　HTMLのタグが反映されないんだ』<br />
　　　　　　　 |ﾘ u&#8217; }　 ,ﾉ　_,!V,ﾊ |<br />
　　 　 　 ／´fト､_{ﾙ{,ィ&#8217;ｅﾗ　, ﾀ人　　　　　　　　な…　何を言ってるのか　わからねーと思うが<br />
　　　　 /&#8217; 　 ヾ|宀| {´,)⌒`/ |<ヽﾄiゝ　　　　　　　　おれも何が起こったのかわからなかった…<br />
　　　　,ﾞ　 ／ )ヽ iLﾚ 　u' |　| ヾｌﾄﾊ〉<br />
　　 　 |／_／　 ﾊ !ニ⊇　'／:} 　V:::::ヽ　　　　　　　　頭がどうにかなりそうだった…<br />
　　　 /／ 二二二7'T'' ／u'　__ /:::::::/｀ヽ<br />
　　　/'´r　-―一ｧ‐ﾞＴ´　'"´ ／::::／-‐ 　＼　　　　催眠術だとかタグミスだとか<br />
　　 / // 　 广¨´ 　/'　　 ／:::::／´￣｀ヽ ⌒ヽ　　　　そんなチャチなもんじゃあ　断じてねえ<br />
　　ﾉ ' /　 ノ:::::`ー-､___／:::::／/ 　 　 　 ヽ　　}<br />
_／｀丶　/::::::::::::::::::::::::::￣`ー-{:::...　　　 　　　ｲ　　　 i-modeのバカさ加減を味わったぜ…</span><br />
<br />
・・・i-modeもIEも撲滅してくれないですかね。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/3921/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IEとDocomoのバカさ加減は似ている・・・？</title>
		<link>http://kome-suki.net/archives/3814</link>
		<comments>http://kome-suki.net/archives/3814#comments</comments>
		<pubDate>Wed, 04 Mar 2009 17:58:27 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[docomo]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=3814</guid>
		<description><![CDATA[PCサイトを作る時、必ずIEのチェックをしなければいけません。
携帯サイトを作る時、ドコモのi-モードのチェックをしなければいけません。

プライベートなサイトなら無視しようとも思いますが、それが仕事上ってんなら話しは [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/03/win_docomo_1.jpg" alt="Windows ＆ docomo" title="Windows ＆ docomo" width="150" height="150" class="entry_thumb" />PCサイトを作る時、必ずIEのチェックをしなければいけません。<br />
携帯サイトを作る時、ドコモのi-モードのチェックをしなければいけません。<br />
<br />
プライベートなサイトなら無視しようとも思いますが、それが仕事上ってんなら話しは別です。<br />
未だにシェアが多いIEとドコモ。<br />
シェアが一番多い所が一番バカってのも、どうかと思うんですが。<br />
そんな仕事上での葛藤日記。<br />
<br />
今までの記事で散々言っているように、IEはバカです。<br />
特にIE6以下は散々たる物で、WEBデザイナー・プログラマー泣かせだと思います。<br />
最近仕事上で携帯サイトを作っており、ドコモもバカだと実感しました。<br />
<br />
まず、HTMLでCSSが使えない。<br />
XHTMLにすれば<strong>多少は</strong>使えるようですが、それでも以下の制約があります。<br />
<br />
<span class="no_box">1</span>外部のCSSは読み込めない。<br />
全てXHTML内のstyleで書かなければいけないらしい。<br />
auとsoftbankはちゃんと読み込んでくれるらしいです。<br />
<br />
<span class="no_box">2</span>CSSじゃなく、『i-css』と言うドコモ独自のCSSらしい。<br />
しかもDOCTYPE宣言に特別な記述がいるらしい。<br />
<strong style="font-size:16px;">何、その俺様ルール？</strong><br />
さすがドコモさん、時代の逆行を行ってますね。<br />
この時点でドコモが大っ嫌いになりました。<br />
<br />
<span class="no_box">3</span>XHTMLにする時、拡張子を『.xhtml』にしなければいけない。<br />
ちょｗｗｗおまｗｗｗ、拡張子を変えるって事がどんだけ大変な事か分かってんのか！？<br />
『.htaccess』に魔法の呪文を記述すれば解決出来ますが。<br />
<br />
<span class="no_box">4</span>CSSに対応したといっても、使える数は微々たる物。<br />
使えるといったら『background』ぐらい。<br />
『span』なんて『font-size』だけって、HTMLタグで書いた方が量少ないっての。<br />
<pre><code>&lt;font size="2"&gt;フォントサイズ&lt;/font&gt;
&lt;span style="font-size:12px"&gt;フォントサイズ&lt;/span&gt;</code></pre>
px指定が出来るかどうかは分かっていませんが。<br />
<br />
とまぁ簡単に挙げただけですけど、兄曰く<span class="men1">「シェアが多い分だけ冒険は出来ずに、確実な道を行っている」</span>と言っていました。<br />
分からなくもないんですけど、『i-css』だけは分からない。<br />
更に兄曰く<span class="men1">「IEとドコモって似てね？」</span>と言っていました。<br />
IEとドコモって言うより、Windows＝ドコモってな気が私はします。<br />
そうなれば、Mac＝softbank、Linux＝auですかね。<br />
<br />
<strong class="text_red" style="font-size:16px;">IEとドコモのアホーーー！！</strong><br />
<br />
ちなみに、作る側からの視点ですのであしからず。<br />
全員が全員新しい機種持っているとは限らないし、最低2年前までは視野に入れておかないといけないんですよね・・・、トホホ。<br />
<br />
<br />
<div class="entry_link">作ろうiモード<br />
<a href="http://www.nttdocomo.co.jp/service/imode/make/content/html/version/index.html" target="_blank">iモード対応HTMLのバージョン</a><br />
<a href="http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/about/index.html" target="_blank">iモード対応XHTMLのバージョン</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/3814/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IEでページが真っ白になる現象の解決方法</title>
		<link>http://kome-suki.net/archives/3801</link>
		<comments>http://kome-suki.net/archives/3801#comments</comments>
		<pubDate>Tue, 03 Mar 2009 17:33:05 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=3801</guid>
		<description><![CDATA[IEで一部のページが真っ白になる現象があるようです。
『米が好き』でも、『LINK LIST』と『BOOKMARK』のページがそうだって事は先日知りました。
普段Firefoxなもんで、あまりIEのチェックはしてなかっ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2008/12/ie_1.gif" alt="Internet Explorer" title="Internet Explorer" width="150" height="150" class="entry_thumb" />IEで一部のページが真っ白になる現象があるようです。<br />
『米が好き』でも、『LINK LIST』と『BOOKMARK』のページがそうだって事は先日知りました。<br />
普段Firefoxなもんで、あまりIEのチェックはしてなかったんですよね。<br />
でも最初は表示されてたと思ったんだけど…？<br />
<br />
無事解決出来たので、その経緯を載せておきます。<br />
<span id="more-3801"></span><br class="clear" /><br />
まず最初に見つけた解決方法は、<strong>『metaタグでcharsetの定義を正しく記述し、titleタグはcharsetの定義の後に記述』</strong>でした。<br />
<br />
要するに<br />
<pre><code><strong>○正しい</strong>
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;米が好き&lt;/title&gt;
<strong>×誤り</strong>
&lt;title&gt;米が好き&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;</code></pre>
って事ですね。<br />
しかしこれはWordPressのHeader.phpではデフォルトでそうなっております。<br />
<br />
んーこれじゃないと更に探して見つけた結果、<strong>『親要素のブロックに背景設定されていると、その中にfloatを使った際表示されない』</strong>って事でした。<br />
ゲエェェェェェ・・・、マジデエェェェェェ・・・。<br />
<br />
しかし、回避方法はあります。<br />
親要素のブロックに幅（width）を入れるとちゃんと表示されるようです。<br />
<br />
要するに<br />
<pre><code>&lt;div style="background:#fff;"&gt;
&nbsp;&nbsp;&lt;div style="float:left; width:250px;"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;左側の表示項目
&nbsp;&nbsp;&lt;/div&gt;
&nbsp;&nbsp;&lt;div style="float:right; width:250px;"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;右側の表示項目
&nbsp;&nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="clear:both;"&gt;&lt;/div&gt;</code></pre>
これじゃダメって事で、解決後が以下。<br />
<pre><code>&lt;div style="background:#fff; <span class="text_red">width:500px;"</span>&gt;
&nbsp;&nbsp;&lt;div style="float:left; width:250px;"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;左側の表示項目
&nbsp;&nbsp;&lt;/div&gt;
&nbsp;&nbsp;&lt;div style="float:right; width:250px;"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;右側の表示項目
&nbsp;&nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="clear:both;"&gt;&lt;/div&gt;</code></pre>
って事ですね。<br />
<br />
▼解決前の表示<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/03/ie_7.jpg" alt="Internet Explorer" title="Internet Explorer" width="400" height="353" class="pict" />
<br />
<br />
▼解決後の表示<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/03/ie_8.jpg" alt="Internet Explorer" title="Internet Explorer" width="400" height="353" class="pict" />
<br />
<br />
<br />
相変わらず<strong>IE特有のバグ</strong>らしいです。<br />
なもんで、お決まりのセリフを言って締めようと思います。<br />
<br />
<strong class="text_red" style="font-size:16px;">IEのアホーーー！！</strong><br />
<br />
<br />
<div class="entry_link">なないろブログ<br />
<a href="http://www.nanairoweb.com/blog/2007/05/ie6%E3%81%A7%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8C%E7%9C%9F%E3%81%A3%E7%99%BD.html" target="_blank">IE6でページが真っ白</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/3801/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>意外と簡単に作れる『favicon』</title>
		<link>http://kome-suki.net/archives/3359</link>
		<comments>http://kome-suki.net/archives/3359#comments</comments>
		<pubDate>Wed, 11 Feb 2009 15:07:06 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Lunascape]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Sleipnir]]></category>
		<category><![CDATA[WEBブラウザ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=3359</guid>
		<description><![CDATA[WEBサイトのアドレスバーの横などに表示されるfavicon（ファビコン）。
このfaviconを作れるサイトとかツールとか色々ありますが、そんなの使わなくても意外と簡単に作れたりします。

ただ、拡張子を変えれば良い [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2008/12/akama.jpg" alt="赤魔導師" title="赤魔導師" width="150" height="150" class="entry_thumb" />WEBサイトのアドレスバーの横などに表示されるfavicon（ファビコン）。<br />
このfaviconを作れるサイトとかツールとか色々ありますが、そんなの使わなくても意外と簡単に作れたりします。<br />
<br />
ただ、<strong>拡張子を変えれば良いだけ。</strong><br />
<br />
『favicon.jpg』、『favicon.gif』、『favicon.png』等を、『favicon.<strong class="text_red">ico</strong>』に変えれば良いってなだけの話しです。<br />
実際私もそうしてます。<br />
以下は、例によって7つのブラウザで表示チェックした結果。<br />
<span id="more-3359"></span><br class="clear" /><br />
▼アホアホな<a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">Internet Explorer 6.0</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/ie_6.jpg" alt="Internet Explorer" title="Internet Explorer" width="250" height="30" class="pict" />
<br />
IE6は、超メジャーなサイトですら表示してくれません。<br />
<br />
▼<a href="http://www.fenrir.co.jp/sleipnir/" target="_blank">Sleipnir 2.8.4</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/sleipnir_5.jpg" alt="Sleipnir" title="Sleipnir" width="250" height="30" class="pict" />
<br />
IEをバージョンアップさせない限り、Sleipnirもダメですね。<br />
でも表示される事もある…。<br />
何がどうなっているのかは分かりません。<br />
<br />
▼<a href="http://mozilla.jp/firefox/" target="_blank">Firefox 3.0.6</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/firefox_8.jpg" alt="Firefox" title="Firefox" width="250" height="30" class="pict" />
<br />
<br />
▼<a href="http://jp.opera.com/" target="_blank">Opera 9.63</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/opera_5.jpg" alt="Opera" title="Opera" width="250" height="30" class="pict" />
<br />
<br />
▼<a href="http://www.apple.com/jp/safari/" target="_blank">Safari 3.2.1</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/safari_5.jpg" alt="Safari" title="Safari" width="250" height="30" class="pict" />
<br />
<br />
▼<a href="http://www.lunascape.jp/" target="_blank">Lunascape5 Beta</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/lunascape_5.jpg" alt="Lunascape" title="Lunascape" width="250" height="30" class="pict" />
<br />
Lunascapeは縮小されずに、そのままの大きさで表示されます。<br />
↓ 実寸大（32&#215;32）<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/favicon_1.jpg" alt="favicon" title="favicon" width="32" height="32" class="pict" />
<br />
<br />
▼<a href="http://www.google.com/chrome" target="_blank">Google Chrome 1.0.154.48</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/chrome_5.jpg" alt="Google Chrome" title="Google Chrome" width="300" height="60" class="pict" />
<br />
Chromeはアドレスバーの横には表示されず、タブにだけ表示されます。<br />
<br />
<br />
勿論この方法が正しいとは言いません。<br />
只、<strong>「出来たからやった」</strong>ってなだけです。ｗ<br />
本当は ICO としてちゃんと作った方が良いんでしょうね。<br />
<br />
でも<strong>IE以外は</strong>ちゃんと表示されてるからいいじゃない！ｗｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/3359/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6 で画像に『float』を使うと表示されない件</title>
		<link>http://kome-suki.net/archives/3340</link>
		<comments>http://kome-suki.net/archives/3340#comments</comments>
		<pubDate>Tue, 10 Feb 2009 15:08:14 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Lunascape]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Sleipnir]]></category>
		<category><![CDATA[WEBブラウザ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=3340</guid>
		<description><![CDATA[IE6の人は分からないと思いますが、特定の記事以外は記事内の右上に画像があります。
IE6で表示されないって事は、今日初めて知りました。
キャッシュを消しても無駄でした。
キャッシュ消して、インターネットオプションを閉 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/02/web_browser_2.jpg" alt="Webブラウザ" title="Webブラウザ" width="150" height="150" class="entry_thumb" />IE6の人は分からないと思いますが、特定の記事以外は記事内の右上に画像があります。<br />
<strong>IE6で表示されない</strong>って事は、今日初めて知りました。<br />
キャッシュを消しても無駄でした。<br />
キャッシュ消して、インターネットオプションを閉じると一瞬だけ見えるんですが、その後真っ白になります。<br />
WordPressの仕様かとも思いましたが、IE以外のブラウザではちゃんと表示されるんですよね。<br />
以下はIE含め、いつもの7つのブラウザで見た結果です。<br />
<span id="more-3340"></span><br class="clear" /><br />
▼問題の『<a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">Internet Explorer 6.0</a>』。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/ie_5.jpg" alt="Internet Explorer 6" title="Internet Explorer 6" width="400" height="300" class="pict" />
<br />
本来ならば、赤で囲った場所に画像が表示されます。<br />
IE7以降であれば表示されているようです。<br />
<br />
▼IEのエンジンを使っている『<a href="http://www.fenrir.co.jp/sleipnir/" target="_blank">Sleipnir 2.8.4</a>』でも同じく表示されません。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/sleipnir_4.jpg" alt="Sleipnir" title="Sleipnir" width="400" height="300" class="pict" />
<br />
<br />
上記2つ以外のブラウザはちゃんと表示されています。<br />
▼<a href="http://mozilla.jp/firefox/" target="_blank">Firefox 3.0.5</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/firefox_7.jpg" alt="Firefox3" title="Firefox3" width="400" height="300" class="pict" />
<br />
<br />
▼<a href="http://jp.opera.com/" target="_blank">Opera 9.63</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/opera_4.jpg" alt="Opera" title="Opera" width="400" height="300" class="pict" />
<br />
<br />
▼<a href="http://www.apple.com/jp/safari/" target="_blank">Safari 3.2.1</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/safari_4.jpg" alt="Safari" title="Safari" width="400" height="300" class="pict" />
<br />
<br />
▼<a href="http://www.lunascape.jp/" target="_blank">Lunascape5 Beta</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/lunascape_4.jpg" alt="Lunascape" title="Lunascape" width="400" height="300" class="pict" />
<br />
<br />
▼<a href="http://www.google.com/chrome" target="_blank">Google Chrome 1.0.154.48</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/02/chrome_4.jpg" alt="Google Chrome" title="Google Chrome" width="400" height="300" class="pict" />
<br />
<br />
・・・と、7つのメジャーブラウザで試してみました。<br />
ここまで書いてて問題解決（？）しました。<br />
この右上に表示させている画像、CSSで『float:right;』と指定しています。<br />
これを外すとIE6でも表示されました。<br />
画像タグに『align=right』だったら問題ないんだろうけど、画像に『float』って普通に使うよねー？<br />
<br />
さぁ、問題点は分かったんですが・・・、今更タグを直すのも面倒なのでこのままでいきたいと思います。<br />
<br />
<strong class="text_red" style="font-size:16px;">IE6のアホーーー！！</strong><br />
<br />
IE6以下は撲滅してくれないですかね。<br />
（仕事上でも色々問題あるんですよ・・・。）</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/3340/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webブラウザは一体どれが良いのか</title>
		<link>http://kome-suki.net/archives/2129</link>
		<comments>http://kome-suki.net/archives/2129#comments</comments>
		<pubDate>Sun, 04 Jan 2009 19:48:28 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[コンピューター / ソフトウェア]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Lunascape]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[Sleipnir]]></category>
		<category><![CDATA[WEBブラウザ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=2129</guid>
		<description><![CDATA[使い方も使い勝手も人それぞれだと思いますが、メジャーなWebブラウザ7つを試してみました。

試すといっても数値を出したり大掛かりなものではなく私個人の体感的なものですので、これも人それぞれだしPCによっても異なると思 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/01/web_browser_1.jpg" alt="Webブラウザ" title="Webブラウザ" width="150" height="150" class="entry_thumb" />使い方も使い勝手も人それぞれだと思いますが、メジャーなWebブラウザ7つを試してみました。<br />
<br />
試すといっても数値を出したり大掛かりなものではなく私個人の体感的なものですので、これも人それぞれだしPCによっても異なると思います。<br />
<br />
私が試した事は以下。<br />
<strong>(1)</strong> 一度このサイトを開き標準ページに設定した後閉じ、再度開き直した時の体感速度。（キャッシュ対策）<br />
<strong>(2)</strong> 使えるフォント。（True TypeとOpen Type）<br />
<strong>(3)</strong> JavaScriptの体感速度。（<a href="http://kome-suki.net/picture">拾いもの画像</a>で検証）<br />
<strong>(4)</strong> お気に入りを開く際、別タブで開けるかどうか。<br />
<br />
では行ってみましょう。<br />
<span id="more-2129"></span><br class="clear" /><br />
右側のサムネイル画像をクリックすると、別ウィンドウで960&#215;800の標準サイズで開きます。<br />
<br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/ie_4.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/ie_3.jpg" alt="Internet Explorer" title="Internet Explorer" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/ie_2.jpg" alt="Internet Explorer" title="Internet Explorer" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">Internet Explorer 6.0</a><br />
Windows標準ブラウザ。<br />
IE7になってタブ機能が付くが、オマケ程度の出来。<br />
現在は8 Betaまでが公開されている。<br />
8になってアドオン対応。<br />
<strong>(1)</strong> 普通。　（以降のブラウザはIEをベースにした感想）<br />
<strong>(2)</strong> True Typeのみ。<br />
<strong>(3)</strong> 普通。<br />
<strong>(4)</strong> 6はタブ機能が無いので、未検証。<br />
<br class="clear" /><br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/sleipnir_3.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/sleipnir_2.jpg" alt="Sleipnir" title="Sleipnir" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/sleipnir_1.jpg" alt="Sleipnir" title="Sleipnir" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://www.fenrir.co.jp/sleipnir/" target="_blank">Sleipnir 2.8.4</a><br />
独自エンジンではなくIEを元にしたタブ型Webブラウザ。<br />
機能満載でカスタマイズが色々出来ます。<br />
IEを元にしてるので、表示など色々IEのバージョンによって左右される面あり。<br />
スナップショットを撮れるプラグイン『<a href="http://www.fenrir.co.jp/sleipnir/plugins/snapcrab.html" target="_blank">SnapCrab</a>』は非常に重宝する。<br />
<strong>(1)</strong> ちょい速い。<br />
<strong>(2)</strong> True Typeのみ。<br />
<strong>(3)</strong> 普通。（IEよりは少し速い）<br />
<strong>(4)</strong> 設定あり。<br />
<br class="clear" /><br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/safari_3.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/safari_2.jpg" alt="Safari" title="Safari" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/safari_1.jpg" alt="Safari" title="Safari" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://www.apple.com/jp/safari/" target="_blank">Safari 3.2.1</a><br />
Macの標準ブラウザ。<br />
Windows版もあるので、Windowsユーザーも使用可能。<br />
閉じる等のボタン位置こそ右上だけど、その他はMac版のまんま。（Macのボタン位置は左上）<br />
<strong>(1)</strong> IEよりも遅い。<br />
<strong>(2)</strong> True Typeのみ。（Mac標準のヒラギノが使えないってのはどういう了見だ？）<br />
<strong>(3)</strong> まあまあ速い。<br />
<strong>(4)</strong> 設定なし。（target=&#8221;_blank&#8221; で開くと新しいウィンドウが開く）<br />
<br class="clear" /><br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/firefox_3.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/firefox_2.jpg" alt="Firefox" title="Firefox" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/firefox_1.jpg" alt="Firefox" title="Firefox" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://mozilla.jp/firefox/" target="_blank">Firefox 3.0.5</a><br />
独自エンジンのタブ式Webブラウザ。<br />
アドオンと呼ばれる追加機能によって、自分好みのブラウザへカスタマイズ出来る。<br />
『<a href="https://addons.mozilla.jp/firefox/details/4949" target="_blank">AutoAuth</a>』と『<a href="https://addons.mozilla.org/ja/firefox/addon/1122" target="_blank">Tab Mix Plus</a>』は必須アドオン。<br />
<strong>(1)</strong> 速い。<br />
<strong>(2)</strong> True Type、Open Type両方可能。<br />
<strong>(3)</strong> 速い。<br />
<strong>(4)</strong> アドオン追加で設定あり。<br />
<br class="clear" /><br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/opera_3.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/opera_2.jpg" alt="Opera" title="Opera" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/opera_1.jpg" alt="Opera" title="Opera" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://jp.opera.com/" target="_blank">Opera 9.63</a><br />
Firefoxと二分する人気タブ式Webブラウザ。<br />
表示速度はFirefoxより速いと感じました。<br />
只、追加機能が無いのがネックか。<br />
<strong>(1)</strong> 非常に速い。<br />
<strong>(2)</strong> True Type、Open Type両方可能。（サイトが指定しているとそちらが優先される）<br />
<strong>(3)</strong> 速い。<br />
<strong>(4)</strong> 設定なし。<br />
<br class="clear" /><br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/lunascape_3.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/lunascape_2.jpg" alt="Lunascape" title="Lunascape" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/lunascape_1.jpg" alt="Lunascape" title="Lunascape" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://www.lunascape.jp/" target="_blank">Lunascape5 Beta</a><br />
既定のエンジンを『Trident(IE)』『Gecko』『WebKit』の3つから選べるタブ式Webブラウザ。<br />
Sleipnir並に設定機能がてんこ盛りだけど、独自エンジンじゃない以上他のWebブラウザかSleipnirを使った方が…。<br />
世界最速と掲げていますが、それほど…。<br />
<strong>(1)</strong> 遅い。<br />
<strong>(2)</strong> True Type、Open Type両方可能。（ページのフォント指定ってどこで設定するの？）<br />
<strong>(3)</strong> 『Trident(IE)』は普通だけど、『WebKit』はめちゃくちゃ遅い。<br />
<strong>(4)</strong> 設定あり。<br />
<br class="clear" /><br />
<a href="http://kome-suki.net/wp-content/uploads/2009/01/chrome_3.png" target="_blank"><img src="http://kome-suki.net/wp-content/uploads/2009/01/chrome_2.jpg" alt="Google Chrome" title="Google Chrome" width="150" height="125" class="entry_thumb" /></a><img src="http://kome-suki.net/wp-content/uploads/2009/01/chrome_1.jpg" alt="Google Chrome" title="Google Chrome" width="32" height="32" class="pict" style="vertical-align:middle;" /><a href="http://www.google.com/chrome" target="_blank">Google Chrome 1.0.154.36</a><br />
ついに正式版になったGoogle開発のタブ式Webブラウザ。<br />
現在は少ないオプション機能ですが、将来的にはアドオン対応になる様子。<br />
アドオン次第ではFirefoxを抜く可能性ありか。<br />
<strong>(1)</strong> 非常に速い。<br />
<strong>(2)</strong> True Typeのみ。<br />
<strong>(3)</strong> 遅い。<br />
<strong>(4)</strong> 設定なし。<br />
<br />
<br />
『<a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">Internet Explorer</a>』、『<a href="http://www.fenrir.co.jp/sleipnir/" target="_blank">Sleipnir</a>』、『<a href="http://mozilla.jp/firefox/" target="_blank">Firefox</a>』以外はちょこっと触った程度なので、間違っていたら指摘してください。<br />
超個人的な好みから言いますと、<br />
<a href="http://mozilla.jp/firefox/" target="_blank">Firefox</a> ＞ <a href="http://www.fenrir.co.jp/sleipnir/" target="_blank">Sleipnir</a> ＞ <a href="http://jp.opera.com/" target="_blank">Opera</a> ＞ <a href="http://www.google.com/chrome" target="_blank">Chrome</a> ＞ <a href="http://www.apple.com/jp/safari/" target="_blank">Safari</a> ＞ <a href="http://www.lunascape.jp/" target="_blank">Lunascape</a> ＞ <a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank">IE</a>　でしょうか。<br />
まだまだ私の中のFirefoxの天下はそうそう崩れそうにありません。<br />
<br />
<br />
<div class="entry_link">TheBrowsers<br />
<a href="http://park2.wakwak.com/~authentic/" target="_blank">IEコンポーネントやGECKOエンジンを使用したおすすめタブブラウザ集</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/2129/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webページのフォントを変えてみる</title>
		<link>http://kome-suki.net/archives/2113</link>
		<comments>http://kome-suki.net/archives/2113#comments</comments>
		<pubDate>Sat, 03 Jan 2009 18:08:43 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[フォント]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=2113</guid>
		<description><![CDATA[今までWebサイトを見る時フォントは『ＭＳ Ｐゴシック』かサイト任せでしたが、Macでデフォルトの『ヒラギノ丸ゴ Pro』と比べると明らかに劣化してるように感じるので自分なりにカスタマイズして変更しました。

フォント [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_1.gif" alt="Font" title="Font" width="150" height="150" class="entry_thumb" />今までWebサイトを見る時フォントは『ＭＳ Ｐゴシック』かサイト任せでしたが、Macでデフォルトの『ヒラギノ丸ゴ Pro』と比べると明らかに劣化してるように感じるので自分なりにカスタマイズして変更しました。<br />
<br />
フォント変更は、IEなら「ツール(T)」→「インターネットオプション(O)」→全般タグの「フォント(N)」で変更できます。<br />
残念ながら、IEでは『ヒラギノ丸ゴ Pro』はリストに表示されませんでした。<br />
私が使ってるFirefoxは、「ツール(T)」→「オプション(O)」→コンテンツタグの「フォントと配色」で変更できます。<br />
Firefoxではインストしてるフォント全てが使えるみたい。<br />
Opera、Chromeは分かりません…。<br />
<br />
では、各フォントを見比べてみましょう。<br />
<span id="more-2113"></span><br class="clear" /><br />
ちなみに以下の画像はFirefoxで撮ったスクリーンショットです。<br />
<br />
<strong>ＭＳ Ｐゴシック</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_2.gif" alt="ＭＳ Ｐゴシック" title="ＭＳ Ｐゴシック" width="400" height="160" class="pict" />
<br />
Windows標準のフォント<br />
アンチエイリアスはかかっておらず、ドット打ちのフォントです。<br />
しかし英数字には微妙にアンチエイリアスがかかっています。<br />
<br />
<strong>MS UI Gothic</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_3.gif" alt="MS UI Gothic" title="MS UI Gothic" width="400" height="160" class="pict" />
<br />
Windowsに最初から入ってるフォント。<br />
『ＭＳ Ｐゴシック』よりも字の間がつまっています。<br />
<br />
<strong>HGSｺﾞｼｯｸM</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_4.gif" alt="HGSｺﾞｼｯｸM" title="HGSｺﾞｼｯｸM" width="400" height="160" class="pict" />
<br />
おそらくWindowsに最初から入ってるフォント。<br />
文字は等間隔で微妙にアンチエイリアスがかかっています。<br />
ちょっと文字が潰れたように感じます。<br />
<br />
<strong>HG丸ｺﾞｼｯｸM-PRO</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_5.gif" alt="HG丸ｺﾞｼｯｸM-PRO" title="HG丸ｺﾞｼｯｸM-PRO" width="400" height="160" class="pict" />
<br />
おそらくWindowsに最初から入ってるフォント。<br />
文字は等間隔でアンチエイリアス入り。<br />
これも文字が潰れた感じがしますが、個人的にエクセルとかで良く使うフォントです。<br />
<br />
<strong>メイリオ</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_6.gif" alt="メイリオ" title="メイリオ" width="400" height="160" class="pict" />
<br />
Windows Vistaから標準で入ったフォント。<br />
文字は等間隔でアンチエイリアス入り。<br />
Macに対抗したフォントという噂も…？<br />
<br />
<strong>A-OTF 新ゴ Pro L</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_7.gif" alt="A-OTF 新ゴ Pro L" title="A-OTF 新ゴ Pro L" width="400" height="160" class="pict" />
<br />
<a href="http://www.morisawa.co.jp/" target="_blank">モリサワ</a>から発売されているフォント。<br />
有料なので、誰でも彼でも使えるフォントってな訳ではありません。<br />
仕事上で頻繁に使ってます。<br />
<br />
<strong>ヒラギノ丸ゴ Pro W4</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_8.gif" alt="ヒラギノ丸ゴ Pro W4" title="ヒラギノ丸ゴ Pro W4" width="400" height="160" class="pict" />
<br />
今回の目玉である、Mac標準フォント。<br />
同じフォントでも、やっぱりWindowsとMacでは見え方が違います。<br />
<br />
<strong>ヒラギノ角ゴ Pro W3</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_9.gif" alt="ヒラギノ角ゴ Pro W3" title="ヒラギノ角ゴ Pro W3" width="400" height="160" class="pict" />
<br />
<strong>ヒラギノ角ゴ Pro W6</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2009/01/font_10.gif" alt="ヒラギノ角ゴ Pro W6" title="ヒラギノ角ゴ Pro W6" width="400" height="160" class="pict" />
<br />
ヒラギノフォントの角ゴ版。<br />
<br />
<br />
今まで等間隔の文字は好きじゃなかったんですが、最近文字を読む時字の間が詰まってると読みづらくなってきちゃいまして。<br />
等間隔の『ヒラギノ丸ゴ Pro』に変えたら読みやすくなりました。<br />
年・・・なんですかねぇ・・・。ｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/2113/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>デザイン変更時に陥ったIEの罠</title>
		<link>http://kome-suki.net/archives/1944</link>
		<comments>http://kome-suki.net/archives/1944#comments</comments>
		<pubDate>Thu, 25 Dec 2008 19:42:22 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[インターネット]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Web creators]]></category>
		<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=1944</guid>
		<description><![CDATA[3カラムのデザインに飽きてきたので、2カラムに変えました。
ちなみに、今のテーマはデフォルトを使ってカスタマイズしてます。

いつもはFirefox使ってるんで、ついついIEでの確認を怠りがちですが、ある程度出来上がっ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2008/12/ie_1.gif" alt="Internet Explorer" title="Internet Explorer" width="150" height="150" class="entry_thumb" />3カラムのデザインに飽きてきたので、2カラムに変えました。<br />
ちなみに、今のテーマはデフォルトを使ってカスタマイズしてます。<br />
<br />
いつもはFirefox使ってるんで、ついついIEでの確認を怠りがちですが、ある程度出来上がった状態でIE表示チェックしてみると何故かデザインがおかしい…。<br />
<br />
CSSをチェックしても、何をどーしてもバックグラウンドのズレが直らない。<br />
何でやー！？　Firefoxでは正常に表示されてるのにー！<br />
ってな事で、昔見た雑誌に何か書いてあった事を思い出して読み返してみました。<br />
<br />
要は、『CSSでfloatした方向と同じ側にmargin指定すると、IEではmarginが倍になってしまうThe IE Double Float-Margin Bugと言う、IE特有のバグ』らしい。<br />
<strong>うおぉぉぉ、IEのあほーーーーー！ｗ</strong><br />
<br />
結局、↓ の場合は、margin-leftが倍の20pxになるって事。<br />
<pre><code>div.left_float {
&nbsp;&nbsp;float: left;
&nbsp;&nbsp;width: 300px;
&nbsp;&nbsp;margin-left: 10px;
}</code></pre>
これをIEでも正常に表示させるのは、『display: inline;』を使用すると直る。<br />
↓ のように、displayを追加。<br />
<pre><code>div.left_float {
&nbsp;&nbsp;float: left;
&nbsp;&nbsp;width: 300px;
&nbsp;&nbsp;margin-left: 10px;
&nbsp;&nbsp;<span class="text_red">display: inline;</span>
}</code></pre>
<br />
本来、float要素に対してこの指定は無視されるけど、IEのバグ現象を防ぐ力を持っているらしいです。<br />
解決方法がある事は分かったが、もう一度言おう。<br />
<strong>IEのあほーーーーー！ｗ</strong><br />
<br />
買ってて良かった、Web creators。<br />
<br />
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=kome-22&#038;o=9&#038;p=8&#038;l=as1&#038;asins=B001136XBK&#038;md=1X69VDGQCMF7Z30FM082&#038;fc1=333333&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000CC&#038;bc1=FFFFFF&#038;bg1=FFFFFF&#038;f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/1944/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

