<?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>Kabutoshimen &#187; design</title>
	<atom:link href="http://kesshi.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://kesshi.com</link>
	<description>Mats Hjelm's Bujinkan Web Site</description>
	<lastBuildDate>Mon, 23 Aug 2010 07:42:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>How the site looks on different browsers</title>
		<link>http://kesshi.com/2008/09/shocked-explorer/</link>
		<comments>http://kesshi.com/2008/09/shocked-explorer/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 18:10:00 +0000</pubDate>
		<dc:creator>kabuto</dc:creator>
				<category><![CDATA[bujinkan.me]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Web site]]></category>

		<guid isPermaLink="false">http://bujinkan.me/blogs/?p=16</guid>
		<description><![CDATA[I&#8217;ve been working with two stylesheets, one for devices bigger than 480px which would be people browsing on a computer. And one stylesheet that gets called if the screen resolution is smaller, which would be mobile devices, specifically for iPhone and iTouch. These pages look best in the following order Safari then Firefox. Opera and [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been working with two stylesheets, one for devices bigger than 480px which would be people browsing on a computer. And one stylesheet that gets called if the screen resolution is smaller, which would be mobile devices, specifically for iPhone and iTouch.</p>
<p>These pages look best in the following order Safari then Firefox. Opera and iExplorer last. Click on the next page to see screendumps from each browser.</p>
<p><span id="more-16"></span></p>
<p><a href="http://bujinkan.me/blogs/files/2008/09/browser_safari.jpg"><img class="alignnone size-full wp-image-18" src="http://bujinkan.me/blogs/files/2008/09/browser_safari.jpg" alt="" width="500" height="405" /></a></p>
<p>Safari 3.12 (as it should look)</p>
<p><a href="http://bujinkan.me/blogs/files/2008/09/browser_firefox.jpg"><img class="alignnone size-full wp-image-19" src="http://bujinkan.me/blogs/files/2008/09/browser_firefox.jpg" alt="" width="500" height="405" /></a></p>
<p>Firefox 3.01 (missing the glow effect on headers)</p>
<p><a href="http://bujinkan.me/blogs/files/2008/09/browser_opera.jpg"><img class="alignnone size-full wp-image-20" src="http://bujinkan.me/blogs/files/2008/09/browser_opera.jpg" alt="" width="500" height="405" /></a></p>
<p>Opera 9.20 (also missing the rounded corners in headers)</p>
<p><a href="http://bujinkan.me/blogs/files/2008/09/browser_iexplorer1.jpg"><img class="alignnone size-full wp-image-28" src="http://bujinkan.me/blogs/files/2008/09/browser_iexplorer1.jpg" alt="" width="500" height="405" /></a></p>
<p>iExplorer 7 (looks similar to Opera, the menu (not showed here) looks weird and needs more tweaking)</p>
<p>This is how it looks with Safari on the iPhone</p>
<p><a href="http://bujinkan.me/blogs/files/2008/09/p-480-320-c1cb088e-7c00-418f-a710-ff2f9cc6d307.jpeg"><img class="alignnone size-full wp-image-364" src="http://bujinkan.me/blogs/files/2008/09/p-480-320-c1cb088e-7c00-418f-a710-ff2f9cc6d307.jpeg" alt="" width="200" height="300" /></a><br />
<a href="http://bujinkan.me/blogs/files/2008/09/p-480-320-aa940955-afeb-4213-bbb5-590c769ed16d.jpeg"><img class="alignnone size-full wp-image-364" src="http://bujinkan.me/blogs/files/2008/09/p-480-320-aa940955-afeb-4213-bbb5-590c769ed16d.jpeg" alt="" width="200" height="300" /></a></p>
<p>It would be interesting to see screendumps from other browsers, especially phones. Please send it to us!</p>
]]></content:encoded>
			<wfw:commentRss>http://kesshi.com/2008/09/shocked-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
