<?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; web apps</title>
	<atom:link href="http://mocreative.net/tag/web-apps/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>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>Maemo5 图标列表</title>
		<link>http://mocreative.net/design/maemo5-icons/</link>
		<comments>http://mocreative.net/design/maemo5-icons/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 14:21:48 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[web apps]]></category>
		<category><![CDATA[Widgets]]></category>
		<category><![CDATA[图标]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=27</guid>
		<description><![CDATA[诺基亚开发者论坛发布了Maemo 5系统所有的图标资源。作为应用的图标设计参考提供给开发者，当然也允许直接使用这些图标，以保证和系统UI视觉上的兼容，给用户一个无间断的体验。图标列表的补充材料可见Hildon 2.2 Widget样式指南和Fremantle Master 布局指南，包含了指导和参考。另外还有Hildon 2.2 Widget 用户界面规范，包含了互动和技术的背景信息。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.forum.nokia.com/" title="forum nokia" class="liexternal">诺基亚开发者论坛</a>发布了<a href="http://www.forum.nokia.com/document/Maemo_5_Icon_List/main.html" title="图标列表" class="liexternal">Maemo 5系统所有的图标资源</a>。作为应用的图标设计参考提供给开发者，当然也允许直接使用这些图标，以保证和系统UI视觉上的兼容，给用户一个无间断的体验。图标列表的补充材料可见<a href="http://www.forum.nokia.com/info/sw.nokia.com/id/eb8a68ba-6225-4d84-ba8f-a00e4a05ff6f/Hildon_2_2_UI_Style_Guide.html" class="liexternal">Hildon 2.2 Widget样式指南</a>和<a href="http://www.forum.nokia.com/info/sw.nokia.com/id/e778ba1f-2507-4672-be45-798359a3aea7/Fremantle_Master_Layout_Guide.html" class="liexternal">Fremantle  Master 布局指南</a>，包含了指导和参考。另外还有<a href="http://www.forum.nokia.com/info/sw.nokia.com/id/019c2b31-3777-49a0-9257-970d79580756/Hildon_2_2_Widget_UI_Specification.html" class="liexternal">Hildon 2.2 Widget 用户界面规范</a>，包含了互动和技术的背景信息。</p>
<p>如果是为Maemo 5开发web apps、WRT Widgets或适配网站，就可以使用这资源了。</p>
<p><a href="http://www.forum.nokia.com/document/Maemo_5_Icon_List/" class="liexternal">http://www.forum.nokia.com/document/Maemo_5_Icon_List/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/design/maemo5-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>移动浏览器web兼容性测试第二版</title>
		<link>http://mocreative.net/news/web-compatibility-test-2/</link>
		<comments>http://mocreative.net/news/web-compatibility-test-2/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 17:59:07 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[新闻]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[web apps]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=25</guid>
		<description><![CDATA[W3C又推出了第二版的移动浏览器web兼容性测试。相比第一个版本，测试的技术规格更加高了，并且这次使用了javascript显示测试结果，很显然是面对更加先进的浏览器的。并且测试都集中在 HTML5的新属性和离线存储方面，只有最后一条是关于视觉设计的新测试。如果要开发支持离线的web app，可以先以此测试一下你的目标浏览器。]]></description>
			<content:encoded><![CDATA[<p><a href="http://w3.org" title="w3" class="liexternal">W3C</a>又推出了<a href="http://www.w3.org/2010/01/wctmb2/" class="liexternal">第二版的移动浏览器web兼容性测试</a>。让我们看看和<a href="http://www.w3.org/2008/06/mobile-test/" class="liexternal">第一版</a>相比测试的内容有什么不同。</p>
<ul>
<li><a href="http://www.w3.org/TR/XMLHttpRequest/" class="liexternal">XmlHttpRequest</a> 用于AJAX的数据传输，第一版已有测试</li>
<li><a href="http://dev.w3.org/html5/spec/the-canvas-element.html#the-canvas-element" class="liexternal">&lt;canvas&gt;</a> HTML5位图缩放渲染，第一版已有测试</li>
<li><a href="http://dev.w3.org/html5/spec/editing.html#contenteditable" class="liexternal">contenteditable</a> HTML5内容编辑，第一版已有测试</li>
<li><strong><a href="http://dev.w3.org/geo/api/" class="liexternal">Geolocation</a> 位置信息</strong></li>
<li><strong> <a href="http://dev.w3.org/html5/spec/forms.html#date-and-time-state" class="liexternal">&lt;input type=&#8221;date&#8221; /&gt;</a> HTML5表单属性</strong></li>
<li><strong><a href="http://dev.w3.org/html5/spec/offline.html#appcache" class="liexternal">Appcache</a> HTML5应用缓存</strong></li>
<li><strong><a href="http://dev.w3.org/html5/spec/video.html#video" class="liexternal">&lt;video&gt;</a> HTML5新增的视频标签</strong></li>
<li><strong><a href="http://dev.w3.org/html5/spec/video.html#audio" class="liexternal">&lt;audio&gt;</a> HTML5新增的音频标签</strong></li>
<li><strong><a href="http://dev.w3.org/html5/workers/" class="liexternal">Web Workers</a></strong></li>
<li><strong><a href="http://dev.w3.org/html5/webstorage/#the-localstorage-attribute" class="liexternal">localStorage</a> HTML5本地存储数据库</strong></li>
<li><strong><a href="http://dev.w3.org/html5/webstorage/#the-sessionstorage-attribute" class="liexternal">sessionStorage</a></strong></li>
<li><strong><a href="http://www.w3.org/TR/css3-fonts/#the-font-face-rule" class="liexternal">@font-face</a> CSS3字体</strong></li>
</ul>
<p>加粗的是新增的测试，相比第一个版本，测试的技术规格更加高了，并且这次使用了javascript显示测试结果，很显然是面对更加先进的浏览器的。并且测试都集中在HTML5的新属性和离线存储方面，只有最后一条是关于视觉设计的新测试。如果要开发支持离线的web app，可以先以此测试一下你的目标浏览器。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/news/web-compatibility-test-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>索爱发布 WebSDK</title>
		<link>http://mocreative.net/news/sonyericsso-websdk/</link>
		<comments>http://mocreative.net/news/sonyericsso-websdk/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 08:19:15 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[新闻]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=36</guid>
		<description><![CDATA[11月18日纽约，索爱在Web 2.0展览上发 布了开源的WebSDK。用于为旗下的Android和S60设备开发基于HTML、JS和CSS的app。通过一个组件令开发者可以用JS访问某些功能，比如加速感应器、GPS和摄像头等等。
]]></description>
			<content:encoded><![CDATA[<p>11月18日纽约，索爱在Web 2.0展览上<a href="http://developer.sonyericsson.com/site/global/newsandevents/latestnews/newsnov09/p_websdk.jsp" class="liexternal">发 布了开源的WebSDK</a>。用于为旗下的Android和S60设备开发基于HTML、JS和CSS的app。通过一个组件令开发者可以用JS访问某些功能，比如加速感应器、GPS和摄像头等等。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/news/sonyericsso-websdk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Guarana UI: 基于jQuery的诺基亚WRT UI库</title>
		<link>http://mocreative.net/news/guarana-ui/</link>
		<comments>http://mocreative.net/news/guarana-ui/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 08:21:55 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[新闻]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=37</guid>
		<description><![CDATA[Guarana  UI是诺基亚开发者论坛提供的一款 Web Runtime的UI库。用于快捷的创建基于WRT框架的 Widget，这 里下载。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://wiki.forum.nokia.com/index.php/Guarana_UI:_a_jQuery-Based_UI_Library_for_Nokia_WRT" class="liexternal">Guarana  UI</a>是<a href="http://forum.nokia.com" class="liexternal">诺基亚开发者论坛</a>提供的一款 Web Runtime的UI库。用于快捷的创建基于WRT框架的 Widget，<a href="http://www.forum.nokia.com/piazza/wiki/images/d/df/Guarana_WRT_UI_Library_v1_0_Builded_Package.zip" class="lizip">这 里下载</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/news/guarana-ui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>诺基亚WRT Dreamweaver扩展</title>
		<link>http://mocreative.net/design/wrt-dreamweaver-extension/</link>
		<comments>http://mocreative.net/design/wrt-dreamweaver-extension/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 08:26:18 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=39</guid>
		<description><![CDATA[WRT扩展可以让Dreamweaver方便的创建、编辑、测试、验证、打包和部署WRT Widget
来自 诺基亚开发者论坛，这里下载。过一阵想想好创意，我也来做一个。
]]></description>
			<content:encoded><![CDATA[<blockquote><p>WRT扩展可以让Dreamweaver方便的创建、编辑、测试、验证、打包和部署WRT Widget</p></blockquote>
<p>来自 诺基亚开发者论坛，<a href="http://www.forum.nokia.com/Tools_Docs_and_Code/Tools/Runtimes/Web_Runtime/Dreamweaver_Extension/" class="liexternal">这里下载</a>。过一阵想想好创意，我也来做一个。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/design/wrt-dreamweaver-extension/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhone的HTML5特性，应用缓存和数据库</title>
		<link>http://mocreative.net/news/iphone-html5/</link>
		<comments>http://mocreative.net/news/iphone-html5/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 03:30:20 +0000</pubDate>
		<dc:creator>五梭</dc:creator>
				<category><![CDATA[新闻]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[web apps]]></category>

		<guid isPermaLink="false">http://mocreative.net/?p=49</guid>
		<description><![CDATA[最新的iPhone增加了两项使用HTML5的特性：
Safari  JavaScript数据库编程
HTML5标准为客户端数据存储提供了新的机制，也就是JavaScript数据库的支持。可以使用它在本地存储一些数据，制作离线web应用。最新的Safari 3.1和iPhone OS  2.0已经支持HTML5。
HTML5 应用缓存
iPhone OS  2.1会支持到HTML5应用缓存，当你制作的web应用定义了是基于HTML5规范制作的，那么在用户可以将应用通过使用Safari上的加号增加到Home界面，应用存储于缓存并在主界面显示。
]]></description>
			<content:encoded><![CDATA[<p>最新的iPhone增加了两项使用HTML5的特性：</p>
<p><a href="http://developer.apple.com/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/Introduction/chapter_1_section_1.html" class="liexternal"><strong>Safari  JavaScript数据库编程</strong></a></p>
<p>HTML5标准为客户端数据存储提供了新的机制，也就是JavaScript数据库的支持。可以使用它在本地存储一些数据，制作离线web应用。最新的Safari 3.1和iPhone OS  2.0已经支持HTML5。</p>
<p><strong>HTML5 应用缓存</strong></p>
<p>iPhone OS  2.1会支持到HTML5应用缓存，当你制作的web应用定义了是基于HTML5规范制作的，那么在用户可以将应用通过使用Safari上的加号增加到Home界面，应用存储于缓存并在主界面显示。</p>
]]></content:encoded>
			<wfw:commentRss>http://mocreative.net/news/iphone-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
