<?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>mocreative &#187; iPad</title>
	<atom:link href="http://mocreative.net/tag/ipad/feed/" rel="self" type="application/rss+xml" />
	<link>http://mocreative.net</link>
	<description>移动web设计</description>
	<lastBuildDate>Wed, 07 Jul 2010 16:08:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>iPad的CSS3媒体查询</title>
		<link>http://mocreative.net/design/ipad-media-query/</link>
		<comments>http://mocreative.net/design/ipad-media-query/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 01:40:47 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[浏览器]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设备侦测]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=56</guid>
		<description><![CDATA[iPad的Safari浏览器和iPhone的一样，都支持CSS3媒体查询。通过这个技术，可以对设备不同的握持方向应用不同的样式，增强功能和体验。iPhone是通过屏幕最大宽度来侦测的。而iPad有点不同，它直接使用了媒体查询中的orientation属性。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.apple.com/ipad" title="ipad官方" class="liexternal">iPad</a>的Safari浏览器和iPhone的一样，都支持<a href="http://www.w3.org/TR/css3-mediaqueries/" title="CSS3媒体查询" class="liexternal">CSS3媒体查询</a>。通过这个技术，可以对设备不同的握持方向应用不同的样式，增强功能和体验。iPhone是通过屏幕最大宽度来侦测的。是这样：</p>
<p><code>&lt;link rel="stylesheet" media="screen and (max-width: 320px)" href="portrait.css" /&gt;<br />
&lt;link rel="stylesheet" media="screen and (min-width: 321px)" href="landscape.css" /&gt;</code></p>
<p>而iPad有点不同，它直接使用了媒体查询中的orientation属性。是这样：</p>
<p><code>&lt;link rel="stylesheet" media="screen and (orientation:portrait)" href="portrait.css" /&gt;<br />
&lt;link rel="stylesheet" media="screen and (orientation:landscape)" href="landscape.css" /&gt;</code></p>
<p>之后只要将不同的样式分别定义出来就可以了。在桌面平台测试的话，firefox，Safari和Chrome都支持方向属性，只需要改变窗口让高度大于宽度，就会识别为纵向屏幕。</p>
<p><a href="http://www.cloudfour.com/ipad-orientation-css/" title="cloudfour ipad media query" class="liexternal">Cloud Four Blog的文章</a>里有制作一个例子，可以去<a href="http://www.cloudfour.com/ipad-css/" title="测试方向" class="liexternal">试试看</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/design/ipad-media-query/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gmail mobile iPad页面上线</title>
		<link>http://mocreative.net/design/gmail-mobile-ipad/</link>
		<comments>http://mocreative.net/design/gmail-mobile-ipad/#comments</comments>
		<pubDate>Sun, 04 Apr 2010 01:46:28 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=54</guid>
		<description><![CDATA[iPad今天终于发售了。Google移动博客今天宣布，他们为iPad准备好了专用的Gmail邮箱web页面，iPad用户只要访问Gmail网站就会看到这一新界面。为充分利用iPad的9.7寸大屏幕，Gmail也采用了类似于iPad内置Mail邮件客户端的左右双栏式界面设计。]]></description>
			<content:encoded><![CDATA[<p>iPad今天终于发售了。Google移动博客今天宣布，他们为iPad准备好了专用的Gmail邮箱web页面，iPad用户只要访问Gmail网站就会看到这一新界面。为充分利用iPad的9.7寸大屏幕，Gmail也采用了类似于iPad内置Mail邮件客户端的左右双栏式界面设计。当然如果用户不想使用web访问，也可以用mail应用使用IMAP访问邮箱。</p>
<p><a href="http://mocreative.net/wp-content/uploads/ipad-gmail.png" class="liimagelink"><img class="alignnone size-full wp-image-55" title="ipad-gmail" src="http://mocreative.net/wp-content/uploads/ipad-gmail.png" alt="gmail ipad 界面" width="506" height="658" /></a></p>
<p>的iPad专用版Gmail页面基于去年为iPhone和Android手机推出的移动版Gmail HTML5网页应用。区别就在于他们针对iPad的1024&#215;768分辨率进行了专门优化，让用户使用触摸操作更加舒适方便。</p>
<p>另外Google还表示，明天用户买到iPad后会发现，其使用Google各项网页服务时，有的会出现和桌面版完全相同的界面，有的则基于原本针对智能手机的移动版本。由于iPad无论从尺寸到分辨率都介于普通PC和手机之间，Google会“因地制宜”为每款应用选择最合适的界面提供给iPad用户。</p>
<p>如果你现在就像试试，iPad的UA如下：</p>
<p><em>Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10</em></p>
<p>你知道该怎么做的。</p>
<p><img class="alignnone" title="ipad user agent switcher" src="http://cdn.thenextweb.com/lifehacks/files/2010/04/user-agent.jpg" alt="使用user agent switcher 填写ipad ua" width="500" height="239" /></p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/design/gmail-mobile-ipad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>苹果电子书商店基于ePub格式</title>
		<link>http://mocreative.net/news/ipad-on-epub/</link>
		<comments>http://mocreative.net/news/ipad-on-epub/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 01:15:11 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[新闻]]></category>
		<category><![CDATA[ePub]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[电子书]]></category>

		<guid isPermaLink="false">http://mocreative.net/news/%e8%8b%b9%e6%9e%9c%e7%94%b5%e5%ad%90%e4%b9%a6%e5%95%86%e5%ba%97%e5%9f%ba%e4%ba%8eepub%e6%a0%bc%e5%bc%8f/</guid>
		<description><![CDATA[苹果今天发布了iPad，Geek们都会狂说这些的吧，我们也是。除了和iPhone一样的Safari浏览器，还有一个我们关注的就是电子书应用ibook app了。

ibook这种电子书的是基于ePub格式，可以显示全色彩，并且乔布斯说，iBook可以通过iBook商店下载（购买）。
对于出版业来说，在iPad上提供内容就非常容易了。ePub格式是Adobe Indesign原生支持的！Adobe也提供了一些教程（以及我们的部分翻译）。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.apple.com" title="苹果网站" class="liexternal">苹果</a>今天发布了<a href="http://www.apple.com/ipad" title="ipad" class="liexternal">iPad</a>，Geek们都会狂说这些的吧，我们也是。除了和iPhone一样的Safari浏览器，还有一个我们关注的就是电子书应用ibook app了。</p>
<p><a href="http://mocreative.net/wp-content/uploads/ibooks.jpg" class="liimagelink"><img class="size-thumbnail wp-image-7" title="ibooks store" src="http://mocreative.net/wp-content/uploads/ibooks-128x128.jpg" alt="iBook电子书商店截图" width="128" height="128" /></a></p>
<p>ibook这种电子书的是基于<a href="http://zh.wikipedia.org/zh-cn/EPUB" title="ePub格式介绍" rel="nofollow" class="liwikipedia">ePub格式</a>，可以显示全色彩，并且乔布斯说，iBook可以通过iBook商店下载（购买）。</p>
<p>对于出版业来说，在iPad上提供内容就非常容易了。ePub格式是Adobe Indesign原生支持的！Adobe也提供了<a href="http://www.adobe.com/products/indesign/epub/howto/" title="Indesign生成ePub的教程" class="liexternal">一些教程</a>（<a href="http://mocreative.net/news/epub-images-optimize-1/" title="adobe epub文档的相关翻译" class="liinternal">以及我们的部分翻译</a>）。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/news/ipad-on-epub/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
