<?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; css</title>
	<atom:link href="http://s.arw.cc/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://s.arw.cc</link>
	<description>昔のあだ名はマイコンだった。</description>
	<lastBuildDate>Sat, 04 Feb 2012 22:04:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>高品質のOperaのロゴをCSSのみで表現したサイト</title>
		<link>http://s.arw.cc/2010/03/15/log:142/%e9%ab%98%e5%93%81%e8%b3%aa%e3%81%aeopera%e3%81%ae%e3%83%ad%e3%82%b4%e3%82%92css%e3%81%ae%e3%81%bf%e3%81%a7%e8%a1%a8%e7%8f%be%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88</link>
		<comments>http://s.arw.cc/2010/03/15/log:142/%e9%ab%98%e5%93%81%e8%b3%aa%e3%81%aeopera%e3%81%ae%e3%83%ad%e3%82%b4%e3%82%92css%e3%81%ae%e3%81%bf%e3%81%a7%e8%a1%a8%e7%8f%be%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88#comments</comments>
		<pubDate>Sun, 14 Mar 2010 23:08:08 +0000</pubDate>
		<dc:creator>some</dc:creator>
				<category><![CDATA[記事]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://s.arw.cc/2010/03/15/log:142/%e9%ab%98%e5%93%81%e8%b3%aa%e3%81%aeopera%e3%81%ae%e3%83%ad%e3%82%b4%e3%82%92css%e3%81%ae%e3%81%bf%e3%81%a7%e8%a1%a8%e7%8f%be%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88</guid>
		<description><![CDATA[画像を一切使わずにCSSのみで表現されたOpera社のロゴ。上のは画像だけれど、Opera Logo with CSS · David DeSandroにて自分のブラウザで確認することができる。 各ブラウザでの表示差。Firefox 3.6, Safari 4, Chrome 5が最適な表示をするようだ。IEにいたっては・・・・。ただしIEもバージョン9からはborder-radius属性に対応することでもう少しまともな表示に近づくかも知れない。 Operaのブラウザが微妙に再現できていないのは何とも皮肉だけど、まぁOpera 10.50は地球上で最速のブラウザなので多少の表示崩れなど気にしない広い心が必要なんでしょう。<div class="addthis_toolbox addthis_default_style " addthis:url='http://s.arw.cc/2010/03/15/log:142/%e9%ab%98%e5%93%81%e8%b3%aa%e3%81%aeopera%e3%81%ae%e3%83%ad%e3%82%b4%e3%82%92css%e3%81%ae%e3%81%bf%e3%81%a7%e8%a1%a8%e7%8f%be%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88' addthis:title='高品質のOperaのロゴをCSSのみで表現したサイト '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<p><img src="http://s.arw.cc/wp-content/uploads/2010/03/Opera_512x5121.png" width="512" height="512" alt="Opera_512x512.png" /></p>
<p>画像を一切使わずにCSSのみで表現されたOpera社のロゴ。上のは画像だけれど、<a href="http://desandro.com/articles/opera-logo-css/" target="_blank">Opera Logo with CSS · David DeSandro</a>にて自分のブラウザで確認することができる。</p>
<p>
<img src="http://s.arw.cc/wp-content/uploads/2010/03/Opera-logo-with-CSS-across-browsers1.jpg" width="500" height="113" alt="Opera logo with CSS across browsers.jpeg" /></p>
<p>各ブラウザでの表示差。Firefox 3.6, Safari 4, Chrome 5が最適な表示をするようだ。IEにいたっては・・・・。ただしIEもバージョン9からはborder-radius属性に対応することでもう少しまともな表示に近づくかも知れない。</p>
<p>Operaのブラウザが微妙に再現できていないのは何とも皮肉だけど、まぁ<a href="http://www.opera.com/browser/" target="_blank">Opera 10.50は地球上で最速のブラウザ</a>なので多少の表示崩れなど気にしない広い心が必要なんでしょう。</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://s.arw.cc/2010/03/15/log:142/%e9%ab%98%e5%93%81%e8%b3%aa%e3%81%aeopera%e3%81%ae%e3%83%ad%e3%82%b4%e3%82%92css%e3%81%ae%e3%81%bf%e3%81%a7%e8%a1%a8%e7%8f%be%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88' addthis:title='高品質のOperaのロゴをCSSのみで表現したサイト '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://s.arw.cc/2010/03/15/log:142/%e9%ab%98%e5%93%81%e8%b3%aa%e3%81%aeopera%e3%81%ae%e3%83%ad%e3%82%b4%e3%82%92css%e3%81%ae%e3%81%bf%e3%81%a7%e8%a1%a8%e7%8f%be%e3%81%97%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: enhanced
Database Caching 1/11 queries in 0.141 seconds using disk: basic
Object Caching 278/290 objects using disk: basic

Served from: s.arw.cc @ 2012-02-06 19:54:22 -->
