<?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>it Flies Like Mario - 像Mario一样飞 &#187; 好文推荐</title>
	<atom:link href="http://www.smbey0nd.com/tag/%e5%a5%bd%e6%96%87%e6%8e%a8%e8%8d%90/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.smbey0nd.com</link>
	<description>SMbey0nd&#039;s Blog</description>
	<lastBuildDate>Sat, 04 Sep 2010 11:29:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>[Mobile好文推荐]2010-3-31</title>
		<link>http://www.smbey0nd.com/2010/03/31/mobile_articles_recommendation-4/</link>
		<comments>http://www.smbey0nd.com/2010/03/31/mobile_articles_recommendation-4/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 04:05:13 +0000</pubDate>
		<dc:creator>SMbey0nd</dc:creator>
				<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[好文推荐]]></category>
		<category><![CDATA[3G]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[jQTouch]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[MooTouch]]></category>
		<category><![CDATA[valuable articles]]></category>
		<category><![CDATA[动态]]></category>

		<guid isPermaLink="false">http://www.smbey0nd.com/?p=458</guid>
		<description><![CDATA[移动嘉年华！ mobyaffiliates：Mobilists 移动嘉年华 217期！ 设备动态： iPad出货，海量iPad示范影片登上官网 (iPad官网) cbinews：山寨iPad燃起战火 厂商达近50家 iFanr：小众化的 Web OS sina：塞班3新平台 诺基亚旗舰N8-00真机曝光 Admob：Android操作系统平台流量份额将接近iPhone 应用动态： Guilhem Ensuque：Adobe应该改变他们的移动战略 Adobe：对前文的回应与战略辩护 (Adobe移动战略原文) imobile：LBS定位服务软件面面看 cnBeta：QQ for Android 发布 163：手机浏览器厂商UCWEB获诺基亚巨额投资 产业动态： 物联网时代：电信首办物联网高峰论坛 cnnic互联网研究：中国物联网-技术研发和产业化先行，应用暂缓 移动Labs：关于中国3G用户数的发展趋势 设计： iFanr：iPhone 与 Twitter—设计的交集 iFanr：拇指和触摸的对话——单手触屏手机的大拇指体验 androidicons：android上的图标设计资源 noupe：Mobile WEB上的设计技巧和最佳实践 开发： IE Mobile：IE Mobile UA字串公布（Windows Phone 7） Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0) [...]]]></description>
			<content:encoded><![CDATA[<h3>移动嘉年华！</h3>
<ul>
<li><a href="http://www.indigo102.com/archives/1344" target="_blank">mobyaffiliates：Mobilists 移动嘉年华 217期！</a>
<p class="dim">
</li>
</ul>
<hr />
<h3>设备动态：</h3>
<ul>
<li><a href="http://www.engadget.com/2010/03/29/apple-posts-up-ipad-guided-tours-lots-of-guided-tours/" target="_blank">iPad出货，海量iPad示范影片登上官网</a> (<a href="http://www.apple.com/ipad/" target="_blank">iPad官网</a>)</li>
<li><a href="http://www.cbinews.com/htmlnews/2010-03-29/118137.htm" target="_blank">cbinews：山寨iPad燃起战火 厂商达近50家</a></li>
<li><a href="http://www.ifanr.com/8040" target="_blank">iFanr：小众化的 Web OS</a></li>
<li><a href="http://tech.sina.com.cn/mobile/n/2010-03-30/11464002404.shtml" target="_blank">sina：塞班3新平台 诺基亚旗舰N8-00真机曝光</a></li>
<li><a href="http://tech.qq.com/a/20100330/000345.htm" target="_blank">Admob：Android操作系统平台流量份额将接近iPhone</a></li>
</ul>
<h3>应用动态：</h3>
<ul>
<li><a href="http://www.visionmobile.com/blog/2010/03/why-adobe-should-change-its-mobile-strategy-again/#more-1401" target="_blank">Guilhem Ensuque：Adobe应该改变他们的移动战略</a></li>
<li><a href="http://www.visionmobile.com/blog/2010/03/adobe-defends-its-mobile-strategy/" target="_blank">Adobe：对前文的回应与战略辩护</a> (<a href="http://www.adobe.com/aboutadobe/pressroom/pressreleases/201002/021510FlashPlayerMWC.html" target="_blank">Adobe移动战略原文</a>)</li>
<li><a href="http://news.imobile.com.cn/index-a-view-id-76769.html" target="_blank">imobile：LBS定位服务软件面面看</a></li>
<li><a href="http://www.cnbeta.com/articles/107468.htm" target="_blank">cnBeta：QQ for Android 发布</a></li>
<li><a href="http://tech.163.com/mobile/10/0330/17/631R7SQ70011179O.html" target="_blank">163：手机浏览器厂商UCWEB获诺基亚巨额投资</a></li>
</ul>
<h3>产业动态：</h3>
<ul>
<li><a href="http://www.wlwsd.com/wulianwang/zixun/news/2010/0330/1850.html" target="_blank">物联网时代：电信首办物联网高峰论坛</a></li>
<li><a href="http://blog.sina.com.cn/s/blog_5101b9050100hl94.html" target="_blank">cnnic互联网研究：中国物联网-技术研发和产业化先行，应用暂缓</a></li>
<li><a href="http://labs.chinamobile.com/mblog/366586_44926" target="_blank">移动Labs：关于中国3G用户数的发展趋势</a></li>
</ul>
<h3>设计：</h3>
<ul>
<li><a href="http://www.ifanr.com/8235" target="_blank">iFanr：iPhone 与 Twitter—设计的交集</a></li>
<li><a href="http://www.ifanr.com/7980" target="_blank">iFanr：拇指和触摸的对话——单手触屏手机的大拇指体验</a></li>
<li><a href="http://www.androidicons.com/#FreeIcons" target="_blank">androidicons：android上的图标设计资源</a></li>
<li><a href="http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html" target="_blank">noupe：Mobile WEB上的设计技巧和最佳实践</a></li>
</ul>
<h3>开发：</h3>
<ul>
<li><a href="http://blogs.msdn.com/iemobile/archive/2010/03/25/ladies-and-gentlemen-please-welcome-the-ie-mobile-user-agent-string.aspx" target="_blank">IE Mobile：IE Mobile UA字串公布（Windows Phone 7）</a>
<p class="tips">Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0) ;</p>
</li>
<li><a href="http://www.smbey0nd.com/2010/03/24/mootouch/" target="_blank">FLM：MooTouch &#8211; 一个应用于iPhone的新JavaScript框架</a><br />
(延伸：<a href="http://www.jqtouch.com/" target="_blank">jQtouch &#8211; iPhone上的另一个JavaScript框架，基于jQuery插件形式</a>)</li>
<li><a href="http://labs.chinamobile.com/report/view_32862" target="_blank">移动Labs：面向三网融合的Web Service系统架构模型</a></li>
</ul>
<hr />
<h3><span style="color: #ff6600;">好站推荐：</span></h3>
<p><strong>Expatliving</strong>：<a href="http://m.expatliving.sg/" target="_blank">http://m.expatliving.sg/</a></p>
<p>介绍：便民生活类的社区站点，聚焦外籍人士在新加坡的生活：购物、餐饮、娱乐、手工艺品等。<br />
特色：这就是<a href="http://www.smbey0nd.com/2010/03/24/mootouch/#more-447" target="_blank">之前介绍MooTouch</a>时，其作者设计的移动站点，站点中全面应用MooTouch框架，整站Ajax异步无刷新。几乎可以完全模拟本地App应用程序，他做到了！快用你的iPhone体验一下吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smbey0nd.com/2010/03/31/mobile_articles_recommendation-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Mobile好文推荐]2010-2-7</title>
		<link>http://www.smbey0nd.com/2010/02/07/mobile_articles_recommendation-3/</link>
		<comments>http://www.smbey0nd.com/2010/02/07/mobile_articles_recommendation-3/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 12:14:05 +0000</pubDate>
		<dc:creator>SMbey0nd</dc:creator>
				<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[好文推荐]]></category>
		<category><![CDATA[valuable articles]]></category>

		<guid isPermaLink="false">http://www.smbey0nd.com/?p=335</guid>
		<description><![CDATA[移动嘉年华！ WapReview：Mobilists 移动嘉年华 209期 导读：这是跟我的[好文推荐]非常相似的一个周期性的移动领域专题分享活动（脸皮厚一把XD），由mobili发起，人家现在已经搞到了209期，这次轮到WAPReview主办。这篇嘉年华专题中汇集了很多含金量非常高的文章链接，推荐关注。真是帅呆了~♥ 资讯动态： macnn：未来iPhone 3G固件将原生支持地理位置共享 导读：拨号时，屏幕上会添加一个新按钮，为发送或接受地理位置提供选项设置。详情见示意图。 WhatMobile：Symbian完成最大的开源移植项目，承诺完全公开 导读：超过330万台设备的平台，现在是完全开放的了！开发人员现在可以下载所有的108个源代码软件包 SMH：Google的Tablet向iPad发起挑战 导读：Google的Tablet，将基于Chrome OS。Google的UI设计师Glen Murphy发布了该Tablet的Mockup和交互方面的视频。 Daily World Buzz：Apple发布iPhone OS 3.1.3 TUAW：Skype 3G 即将更新 iMobile：今年30款OPhone手机面世 将开放UI/UE设计 iMobile：扩大移动导航市场 诺基亚Ovi免费地图界面赏 统计/趋势： sina：1月份最受关注的8款手机 cnnic互联网研究：看手机上网的终端竞争 iMobile：09年全球智能手机市场排名 iPhone销量翻倍 前端开发： nroberts：iPhone上的触摸和手势 导读：介绍iPhone上的Touch事件API：touchstart、touchend、touchmove、touchcancel及其他。 PPK:Touch动作研究 PPK:持久触摸的事件对象 导读：以上两篇都是PPK近期对Touch事件进行细致的研究成果，值得花时间仔细拜读。另外，最近的一篇“Do we need touch events”是对Touch事件和传统Mouse事件的对比和深入思考。 用户体验： LittleSpringsDesign：你是否正在浪费移动广告的投入？ 导读：从移动设备特性的角度，简述移动WEB广告应该具备的特性，以及一个好广告所需的用户体验。 浏览器： iMaemo：Mozilla Weave 1.0，无缝衔接你的移动、桌面浏览体验 WAPReview：N900 MicroB预示了移动浏览的未来 导读：N900 MicroB的丰富浏览体验，某种意义上代表了下一代的移动浏览标准。 UCWEB：手机UC浏览器7.0正式版For Android [...]]]></description>
			<content:encoded><![CDATA[<h3>移动嘉年华！</h3>
<ul>
<li><a href="http://wapreview.com/blog/?p=6270" target="_blank">WapReview：Mobilists 移动嘉年华 209期</a>
<p class="dim">导读：这是跟我的<a href="http://www.smbey0nd.com/tag/%E5%A5%BD%E6%96%87%E6%8E%A8%E8%8D%90/" target="_blank">[好文推荐]</a>非常相似的一个周期性的移动领域专题分享活动（脸皮厚一把XD），由<a href="http://mobili.st/" target="_blank">mobili</a>发起，人家现在已经搞到了209期，这次轮到<a href="http://wapreview.com/blog/" target="_blank">WAPReview</a>主办。这篇嘉年华专题中汇集了很多含金量非常高的文章链接，推荐关注。真是帅呆了~♥</p>
</li>
</ul>
<hr />
<h3>资讯动态：</h3>
<ul>
<li><a href="http://www.macnn.com/articles/10/02/04/could.make.finding.friends.easier/?utm_source=twitterfeed&amp;utm_medium=twitter" target="_blank">macnn：未来iPhone 3G固件将原生支持地理位置共享</a>
<p class="dim">导读：拨号时，屏幕上会添加一个新按钮，为发送或接受地理位置提供选项设置。详情见示意图。</p>
</li>
<li><a href="http://www.whatmobile.net/News/generalnews/410316/symbian_completes_biggest_open_source_migration_project.html" target="_blank">WhatMobile：Symbian完成最大的开源移植项目，承诺完全公开</a>
<p class="dim">导读：超过330万台设备的平台，现在是完全开放的了！开发人员现在可以<a href="http://developer.symbian.org/wiki/index.php/Category:Platform_Opening" target="_blank">下载所有的108个源代码软件包</a></p>
</li>
<li><a href="http://www.smh.com.au/digital-life/computers/google-tablet-to-give-apple-a-touch-of-its-own-medicine-20100203-nc8u.html" target="_blank">SMH：Google的Tablet向iPad发起挑战</a>
<p class="dim">导读：Google的Tablet，将基于Chrome OS。Google的UI设计师Glen Murphy发布了该Tablet的Mockup和交互方面的视频。</p>
</li>
<li><a href="http://www.dailyworldbuzz.com/iphone-3-1-3-update-apple-releases-iphone-os-3-1-3-today/17896/?utm_source=twitterfeed&amp;utm_medium=twitter" target="_blank">Daily World Buzz：Apple发布iPhone OS 3.1.3</a></li>
<li><a href="http://www.tuaw.com/2010/02/03/skype-3g-update-coming-soon/?utm_source=twitterfeed&amp;utm_medium=twitter" target="_blank">TUAW：Skype 3G 即将更新</a></li>
<li><a href="http://news.imobile.com.cn/index-a-view-id-74713.html" target="_blank">iMobile：今年30款OPhone手机面世 将开放UI/UE设计</a></li>
<li><a href="http://news.imobile.com.cn/index-a-view-id-74585.html" target="_blank">iMobile：扩大移动导航市场 诺基亚Ovi免费地图界面赏</a></li>
</ul>
<p><span id="more-335"></span></p>
<h3>统计/趋势：</h3>
<ul>
<li><a href="http://tech.sina.com.cn/mobile/n/2010-02-05/08123837844.shtml" target="_blank">sina：1月份最受关注的8款手机</a></li>
<li><a href="http://blog.sina.com.cn/s/blog_5101b9050100h96w.html" target="_blank">cnnic互联网研究：看手机上网的终端竞争</a></li>
<li><a href="http://news.imobile.com.cn/index-a-view-id-74704.html" target="_blank">iMobile：09年全球智能手机市场排名 iPhone销量翻倍</a></li>
</ul>
<h3>前端开发：</h3>
<ul>
<li><a href="http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/" target="_blank">nroberts：iPhone上的触摸和手势</a>
<p class="dim">导读：介绍iPhone上的Touch事件API：touchstart、touchend、touchmove、touchcancel及其他。</p>
</li>
<li><a href="http://www.quirksmode.org/blog/archives/2010/02/the_touch_actio.html" target="_blank">PPK:Touch动作研究</a></li>
<li><a href="http://www.quirksmode.org/blog/archives/2010/02/persistent_touc.html" target="_blank">PPK:持久触摸的事件对象</a>
<p class="dim">导读：以上两篇都是PPK近期对Touch事件进行细致的研究成果，值得花时间仔细拜读。另外，最近的一篇“<a href="http://www.quirksmode.org/blog/archives/2010/02/do_we_need_touc.html" target="_blank">Do we need touch events</a>”是对Touch事件和传统Mouse事件的对比和深入思考。</p>
</li>
</ul>
<h3>用户体验：</h3>
<ul>
<li><a href="http://www.littlespringsdesign.com/blog/blog/2010/02/03/are-you-wasting-your-mobile-advertising-dollars/" target="_blank">LittleSpringsDesign：你是否正在浪费移动广告的投入？</a>
<p class="dim">导读：从移动设备特性的角度，简述移动WEB广告应该具备的特性，以及一个好广告所需的用户体验。</p>
</li>
</ul>
<h3>浏览器：</h3>
<ul>
<li><a href="http://www.imaemo.com/?p=144" target="_blank">iMaemo：Mozilla Weave 1.0，无缝衔接你的移动、桌面浏览体验</a></li>
<li><a href="http://wapreview.com/blog/?p=6312" target="_blank">WAPReview：N900 MicroB预示了移动浏览的未来</a>
<p class="dim">导读：N900 MicroB的丰富浏览体验，某种意义上代表了下一代的移动浏览标准。</p>
</li>
<li><a href="http://bbs.uc.cn/viewthread.php?tid=641966&amp;extra=page%3D1" target="_blank">UCWEB：手机UC浏览器7.0正式版For Android</a></li>
<li><a href="http://tech.sina.com.cn/mobile/n/2010-02-04/15493835965.shtml" target="_blank">sina：UC7.1正式版体验评测</a></li>
</ul>
<h3>新机评测：</h3>
<ul>
<li><a href="http://tech.sina.com.cn/mobile/n/2010-02-01/14563823847.shtml" target="_blank">sina：金属时尚魅力 OPPO首款滑盖机A201评测</a></li>
<li><a href="http://tech.sina.com.cn/mobile/n/2010-02-05/11543839271.shtml" target="_blank">sina：时尚更要实用 三星侧滑酷毕B5310评测</a></li>
</ul>
<hr />
<h3><span style="color: #ff6600;">好站推荐：</span></h3>
<p><strong>温哥华2010冬奥会移动站点：</strong><a href="http://m.nbcolympics.com" target="_blank">http://m.nbcolympics.com</a><strong><br />
</strong></p>
<p>网站特点：</p>
<ol>
<li>基本符合<a href="http://www.smbey0nd.com/2010/01/25/one_web_for_all/">One Web理念</a>，全网统一的视觉识别，检测设备后URL会自动转向。</li>
<li>通栏自适应宽度的LOGO，第一印象的视觉震撼。</li>
<li>自适应宽度布局，尽可能满足各种屏幕尺寸的设备。</li>
<li>留下Full Web入口，给用户自由选择权，也最大程度弥补UA适配失误或桌面用户访问错误的损失。</li>
<li>针对iPhone进行特殊优化处理。
<ol>
<li>增大字号、间距、点击区域以便触控</li>
<li>增加JavaScript交互效果</li>
<li>优化布局</li>
<li>通过meta标记设置Safari的视野区域、是否全屏、状态样式等属性</li>
<li>通过link标记的rel=&#8221;apple-touch-icon&#8221;设置快捷图标</li>
</ol>
</li>
<li>“发送给好友”功能可以直接在表单中填写好友电话号码，发送网站的URL给好友。</li>
<li>旧标记、旧属性与CSS的搭配使用，大幅提升兼容性。例如align=&#8221;center&#8221;、clear=&#8221;all&#8221;、&lt;b&gt;等。</li>
<li>模块化的代码拼装方式，有助于开发和维护的灵活性。</li>
</ol>
<p>另外，该站点的技术支持似乎是Microsoft，感叹。</p>
<hr />祝小年夜快乐！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smbey0nd.com/2010/02/07/mobile_articles_recommendation-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Mobile好文推荐]2010-1-30</title>
		<link>http://www.smbey0nd.com/2010/01/31/mobile_articles_recommendation-2/</link>
		<comments>http://www.smbey0nd.com/2010/01/31/mobile_articles_recommendation-2/#comments</comments>
		<pubDate>Sat, 30 Jan 2010 16:20:37 +0000</pubDate>
		<dc:creator>SMbey0nd</dc:creator>
				<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[好文推荐]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[mobile design]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://www.smbey0nd.com/?p=295</guid>
		<description><![CDATA[这周的Mobile“届”，真是声音不断。先是Apple iPad的盛大发布（虽然结果比较让人跌眼镜），然后是Firefox For Maemo RC3、1.0正式版的发布，都引起了很多轰动。 来看看这周推荐你看一些什么东东： Apple iPad相关： iFanr：Apple 平板 iPad 概览 ZOL：苹果iPad功能详解 Maemo &#38; Firefox相关： Dennis Bournique：N900 MicroB Browser基本资料 导读：MicroB是N900的内置浏览器，它基于Mozilla Gecko内核，基本特性非常值得关注。 iFanr：非官方 Maemo FAQ 导读：ifanr对Maemo系统的基础概念的FAQ，不了解这款系统的同学非常值得一看。 Kai Hendry：Nokia N900 开发者 tips 导读：共3篇Tips文章，针对的是N900应用程序的开发技巧和备忘。 Dennis Bournique：Firefox Mobile RC3 For Maemo评测 Mozilla：Firefox For Maemo 正式发布 导读：7大特性。 新机评测： Jonathan Morris：Nokia X6 16GB; 更便宜、新颜色、小内存 导读：Nokia X6是Nokia第一款触摸屏产品。 sina：索爱3G智能新机U5i评测 sina：黑莓新触摸屏手机 Storm 2 [...]]]></description>
			<content:encoded><![CDATA[<p>这周的Mobile“届”，真是声音不断。先是Apple iPad的盛大发布（虽然结果比较让人跌眼镜），然后是Firefox For Maemo RC3、1.0正式版的发布，都引起了很多轰动。<br />
来看看这周推荐你看一些什么东东：</p>
<hr />
<h3>Apple iPad相关：</h3>
<ul>
<li><a href="http://is.gd/7hhHD" target="_blank">iFanr：Apple 平板 iPad 概览</a></li>
<li><a href="http://is.gd/7lYJ5" target="_blank">ZOL：苹果iPad功能详解</a></li>
</ul>
<hr />
<h3>Maemo &amp; Firefox相关：</h3>
<ul>
<li><a href="http://is.gd/7hcY9" target="_blank">Dennis Bournique：N900 MicroB Browser基本资料</a><br />
<span style="color: #c0c0c0;">导读：MicroB是N900的内置浏览器，它基于Mozilla Gecko内核，基本特性非常值得关注。</span></li>
<li><a href="http://is.gd/7hgZC" target="_blank">iFanr：非官方 Maemo FAQ</a><br />
<span style="color: #c0c0c0;">导读：ifanr对Maemo系统的基础概念的FAQ，不了解这款系统的同学非常值得一看。</span></li>
<li><a href="http://is.gd/7hfUy" target="_blank">Kai Hendry：Nokia N900 开发者 tips</a><br />
<span style="color: #c0c0c0;">导读：共3篇Tips文章，针对的是N900应用程序的开发技巧和备忘。</span></li>
<li><a href="http://is.gd/7hcgs" target="_blank">Dennis Bournique：Firefox Mobile RC3 For Maemo评测</a></li>
<li><a href="http://is.gd/7mhav" target="_blank">Mozilla：Firefox For Maemo 正式发布</a><br />
<span style="color: #c0c0c0;">导读：7大特性。</span></li>
</ul>
<p><span id="more-295"></span></p>
<hr />
<h3>新机评测：</h3>
<ul>
<li><a href="http://is.gd/7hfiS" target="_blank">Jonathan Morris：Nokia X6 16GB; 更便宜、新颜色、小内存</a><br />
<span style="color: #c0c0c0;">导读：Nokia X6是Nokia第一款触摸屏产品。</span></li>
<li><a href="http://is.gd/7m4Sw" target="_blank">sina：索爱3G智能新机U5i评测</a></li>
<li><a href="http://is.gd/7mlQV" target="_blank">sina：黑莓新触摸屏手机 Storm 2 9520评测</a></li>
</ul>
<hr />
<h3>其它：</h3>
<ul>
<li><a href="http://is.gd/7hiCk" target="_blank">W3C：《一种可测试的一致性要求写作方法》发布。</a><br />
<span style="color: #c0c0c0;">导读：对我们的浏览器测试报告的写法进行了统一的标准，并可利用相关接口提交生成报表。具体内容还没仔细看。</span></li>
<li><a href="http://is.gd/7mcAD" target="_blank">CNNIC：3G是手机上网增长的重要因素</a><br />
<span style="color: #c0c0c0;">导读：目前移动互联网用户已占到整体网民规模的60.7%，在中国互联网发展中将发挥越发重要的作用。CNNIC如是说。</span></li>
<li><a href="http://is.gd/7he3E" target="_blank">Jon von Tetzchner（Opera）：2009年12月份移动互联网形势报告</a><br />
<span style="color: #c0c0c0;">导读：在Mobile WEB世界中，Twitter是发展最快的社会化网络，而Facebook是使用人数最多的社会化网络。另外，<a href="http://m.taobao.com" target="_blank">手机淘宝网</a>排名和<a href="http://www.opera.com/smw/2009/11/" target="_blank">上月</a>一样，依然在国内<strong>第8名</strong>。</span></li>
</ul>
<blockquote>
<div><span style="color: #c0c0c0;"><strong>12月中国Mobile WEB TOP10 (UV)：</strong><br />
1. baidu.com<br />
2. google.cn<br />
3. kong.net<br />
4. sina.com.cn<br />
5. renren.com<br />
6. qq.com<br />
7. soso.com (new)<br />
<strong>8. taobao.com</strong></span> <span style="color: #c0c0c0;"><br />
9. hao123.com<br />
10. sohu.com</span></div>
</blockquote>
<ul>
<li><a href="http://is.gd/7mmB0" target="_blank">Virginia DeBolt：让你的移动站点更加友好</a><br />
<span style="color: #c0c0c0;">导读：又是经典的设计文章，从多个角度阐述MobileWEB设计时的禁忌和技巧，值得一读。好文章是永远不会过时的。</span></li>
<li><a href="http://is.gd/7mdSY" target="_blank">Simon Judge：移动开发入门</a><br />
<span style="color: #c0c0c0;">导读：两页的PDF，针对应用程序的开发引导。偏向开发前期阶段的准备思路，随便看看就成。</span></li>
<li><a href="http://mocreative.net/design/epub-images-optimize-1/" target="_blank">为ePub文件格式优化图片</a><br />
<span style="color: #c0c0c0;">导读：五梭翻译的EPUB文件优化最佳实践。Apple iBook商店中的电子书格式就是EPUB，这对以后的EPUB的设计会起到重要的参考指引作用。</span></li>
</ul>
<hr />
<h3>好站推荐：</h3>
<p><span style="color: #ffcc00;"><strong>solmelia</strong></span>：<a href="http://mobile.solmelia.com/" target="_blank">http://mobile.solmelia.com/</a><br />
简介：寻找和预订酒店和度假村。详情页包括介绍、全面的照片、街道地址、Email。<br />
网站特点：</p>
<ol>
<li> 界面简洁，页面视觉重点突出；单一的任务线程，过程顺畅，非常适合移动中的用户使用。</li>
<li>流体设计，屏幕兼容范围广（176-∞）。</li>
<li>UA内容适配。桌面浏览器访问时会进行友好提示。</li>
<li>针对Gecko、Webkit进行了CSS细节上的渐进增强处理。</li>
<li>电话号码上 <strong>tel:</strong> 协议便于用户直接拨打电话。</li>
<li>精美的表单细节设计，重要的提交按钮突出和放大便于点击，对次要的按钮元素进行简化设计（模拟成超链接效果）。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.smbey0nd.com/2010/01/31/mobile_articles_recommendation-2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>万网合一，One Web为人人</title>
		<link>http://www.smbey0nd.com/2010/01/25/one_web_for_all/</link>
		<comments>http://www.smbey0nd.com/2010/01/25/one_web_for_all/#comments</comments>
		<pubDate>Sun, 24 Jan 2010 17:09:05 +0000</pubDate>
		<dc:creator>SMbey0nd</dc:creator>
				<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[Francois Daoust]]></category>
		<category><![CDATA[one web]]></category>
		<category><![CDATA[valuable articles]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[wmi team]]></category>
		<category><![CDATA[好文推荐]]></category>

		<guid isPermaLink="false">http://www.smbey0nd.com/?p=264</guid>
		<description><![CDATA[本文是转载，转自五梭发表于蓝色理想家园的译作。由于非蓝色理想用户无法访问，经过作者同意转载于此。本文作为MobileWEB开发基础思想文章，系统地阐述了“OneWeb”的理念，非常值得一读。 原文分为3篇文章，我在这里进行了一些小调整，将3篇文章整理为1篇，推荐大家一口气儿读完：） 原译文地址： http://home.blueidea.com/space.php?uid=496241&#38;do=blog&#38;id=11162 （第1部分） http://home.blueidea.com/space.php?uid=496241&#38;do=blog&#38;id=11198 （第2部分） http://home.blueidea.com/space.php?uid=496241&#38;do=blog&#38;id=12181 （第3部分） 原文地址： http://www.w3.org/blog/MWITeam/2009/03/17/one_web_for_all （第1部分） http://www.w3.org/blog/MWITeam/2009/03/23/one_web_for_all_part_2 （第2部分） http://www.w3.org/blog/MWITeam/2009/04/01/one_web_for_all_part_3 （第3部分） 原作者是来自W3C MWI Team的Francois Daoust。 万网合一，One Web为人人 W3C宣传推广One Web的理念。我经常在围绕移动Web标准的讨论听到这个词，它通常出现在对移动Web最佳实践的严厉的抱怨中。是的，移动Web最佳实践标准基于One Web理念。不会采取严格限制强制设计师使用“一刀切”的行为方式。 因为One Web理念本质上被误解了，我想我应该拆穿某些神话并澄清概念：One Web理论是什么，One Web围绕什么，对于创作移动友好的Web内容意味着什么。我努力保持陈述简练，而且不会描述非常特定的细节。 你可能奇怪为什么你应该关心One Web。好，我们马上开始！ 一大于二 我们思考一下以下的例子： 小明最近在维护一个网站。网站在桌面浏览器上工作的不错，但是小明最近开始收到用户的反馈 说他们用移动设备访问网站体验很不好。小明遵循移动Web最佳做法的推荐准备了一个网站的简化版本提供给移动设备。然后广告了新的版本： 输入 http://mingexample.org 访问普通的桌面版本 输入 http://mobile.mingexample.org 访问网站的移动版本 为了确保用户找到网站的移动版，他还在桌面版的首页放置了一个方便的 链接指向到移动版。 许多当今的网站都是这么干的，但是，这样通常不符合One Web理念。为什么呢？我们当然是要赞扬那些移动友好的网站开发，不是吗？但上面的例子发生问题是因为这些网站使用了两套网址（URI）。两者的差异体现 在： 缺失的内容： 移动版的网站为了易于访问，通常等同于在信息量上进行大规模的裁减。移动中的用户有很多事让他们 分心，同时又想快速的浏览信息。他们确实想要适合手中设备的浏览体验，所以通常为他们传输相比桌面版来说短小的网页。但凭什么说他们想要更少的信息？用移 动设备上网不表示用户不得不这么做，而是要做他们想做的事。 搜索引擎： 大部分搜索引擎用链入链接的数量来计算网页评级，然后由此排列搜索结果。评级越高，页面越容易被看 到。想链接到小明的内容的桌面版网站链向 http://mingexample.org，而移动网站们又链向了http://mobile.mingexample.org，产生两个后果： 小 [...]]]></description>
			<content:encoded><![CDATA[<p>本文是转载，转自<a href="http://mocreative.net/" target="_blank">五梭</a>发表于<a href="http://home.blueidea.com" target="_blank">蓝色理想家园</a>的译作。由于非蓝色理想用户无法访问，经过作者同意转载于此。本文作为MobileWEB开发基础思想文章，系统地阐述了“OneWeb”的理念，非常值得一读。</p>
<p>原文分为3篇文章，我在这里进行了一些小调整，将3篇文章整理为1篇，推荐大家一口气儿读完：）</p>
<p>原译文地址：<br />
<a href="http://home.blueidea.com/space.php?uid=496241&amp;do=blog&amp;id=11162" target="_blank">http://home.blueidea.com/space.php?uid=496241&amp;do=blog&amp;id=11162</a> （第1部分）<br />
<a href="http://home.blueidea.com/space.php?uid=496241&amp;do=blog&amp;id=11198" target="_blank">http://home.blueidea.com/space.php?uid=496241&amp;do=blog&amp;id=11198</a> （第2部分）<br />
<a href="http://home.blueidea.com/space.php?uid=496241&amp;do=blog&amp;id=12181" target="_blank">http://home.blueidea.com/space.php?uid=496241&amp;do=blog&amp;id=12181</a> （第3部分）</p>
<p>原文地址：<br />
<a href="http://www.w3.org/blog/MWITeam/2009/03/17/one_web_for_all" target="_blank">http://www.w3.org/blog/MWITeam/2009/03/17/one_web_for_all</a> （第1部分）<br />
<a href="http://www.w3.org/blog/MWITeam/2009/03/23/one_web_for_all_part_2" target="_blank">http://www.w3.org/blog/MWITeam/2009/03/23/one_web_for_all_part_2</a> （第2部分）<br />
<a href="http://www.w3.org/blog/MWITeam/2009/04/01/one_web_for_all_part_3" target="_blank">http://www.w3.org/blog/MWITeam/2009/04/01/one_web_for_all_part_3</a> （第3部分）</p>
<p>原作者是来自W3C <a href="http://www.w3.org/blog/MWITeam/" target="_blank">MWI Team</a>的<a href="http://www.w3.org/blog/index.php?blog=17&amp;author=164" target="_blank">Francois Daoust</a>。<br />
<span id="more-264"></span></p>
<hr />
<h2>万网合一，One Web为人人</h2>
<p>W3C宣传推广One  Web的理念。我经常在围绕移动Web标准的讨论听到这个词，它通常出现在对移动Web最佳实践的严厉的抱怨中。是的，移动Web最佳实践标准基于One  Web理念。不会采取严格限制强制设计师使用“一刀切”的行为方式。</p>
<p>因为One Web理念本质上被误解了，我想我应该拆穿某些神话并澄清概念：One Web理论是什么，One  Web围绕什么，对于创作移动友好的Web内容意味着什么。我努力保持陈述简练，而且不会描述非常特定的细节。</p>
<p>你可能奇怪为什么你应该关心One Web。好，我们马上开始！</p>
<h3>一大于二</h3>
<p>我们思考一下以下的例子：</p>
<blockquote><p>小明最近在维护一个网站。网站在桌面浏览器上工作的不错，但是小明最近开始收到用户的反馈 说他们用移动设备访问网站体验很不好。小明遵循移动Web最佳做法的推荐准备了一个网站的简化版本提供给移动设备。然后广告了新的版本：</p>
<ul>
<li>输入 http://mingexample.org 访问普通的桌面版本</li>
<li>输入 http://mobile.mingexample.org 访问网站的移动版本</li>
</ul>
<p>为了确保用户找到网站的移动版，他还在桌面版的首页放置了一个方便的 链接指向到移动版。</p></blockquote>
<p>许多当今的网站都是这么干的，但是，这样通常不符合One Web理念。为什么呢？我们当然是要赞扬那些移动友好的网站开发，不是吗？但上面的例子发生问题是因为这些网站使用了两套网址（URI）。两者的差异体现 在：</p>
<ul>
<li> <strong>缺失的内容：</strong><br />
移动版的网站为了易于访问，通常等同于在信息量上进行大规模的裁减。移动中的用户有很多事让他们 分心，同时又想快速的浏览信息。他们确实想要适合手中设备的浏览体验，所以通常为他们传输相比桌面版来说短小的网页。但凭什么说他们想要更少的信息？用移 动设备上网不表示用户不得不这么做，而是要做他们想做的事。</li>
<li> <strong>搜索引擎：</strong><br />
大部分搜索引擎用链入链接的数量来计算网页评级，然后由此排列搜索结果。评级越高，页面越容易被看 到。想链接到小明的内容的桌面版网站链向 http://mingexample.org，而移动网站们又链向了http://mobile.mingexample.org，产生两个后果：</p>
<ul>
<li>小 明的移动版网站没有继承到桌面版现有的搜索评级，对搜索引擎来说，这个移动版网站只是一个新网站，之前没有链入链接，因此很难在搜索结果中显示。</li>
<li>链 接到小明网站的链接产生了两个不同的评级，而却不会相加，小明的网站不能获得本应拥有的搜索结果位置。</li>
</ul>
</li>
<li> <strong>共享书签：</strong><br />
很多用户喜欢在不同设备间共享书签和／或和使用不同设备的群体的人共享书签。小明的网站应该怎样被 收藏？没有一个权威的URI可以被所有设备使用。在桌面版首页链接到移动版是一个不错的主意，但有些设备完全不能渲染桌面版。就算它们可以，因为用户不得 不渲染一个不能正确工作的页面，所得到的用户体验也不佳。并且找到那个通往移动版的链接，用户还要花上一番时间。</li>
<li> <strong>品牌：</strong><br />
广告多个URI产生令人困惑的信息，下面这个页面显示了一个小日本网站的广告，网站的访问入口取决于用 户的运营商。<br />
<img style="width: 555px; height: 284px;" src="http://www.w3.org/2005/10/india/MWI_d1/jpn-multi-uri1.png" alt="" /><br />
有研究显 示越来越多的用户喜欢在移动设备上输入他们熟悉的URI，熟悉的URI自然是桌面浏览器上输入的那个。不知道小明网站的移动版URI的用户会直接尝试输入 http://mingexample.org，他们错过了为他们量身定做的移动版。</li>
</ul>
<p>这些问题的解决方案就是One Web。但我们先要小做一点关于Web的数学题，才能开始One Web实践。</p>
<h3>URI的Web</h3>
<p><a href="http://www.w3.org/TR/webarch/">万维网结构体系规范</a>定义Web为<cite>由被称为统一资 源标识符（URI）的全球标示符标识资源的信息空间</cite>。嘿，<em><strong>链接</strong></em>去哪儿了？链接是使用全球标识符的直接结 果：Web上的任何资源可以链接到其他资源，正是因为每个资源都由全球标识符标示了。</p>
<p style="padding-left: 30px;"><strong>原则：Web基于全球标识符</strong></p>
<p>全球标识符可以有不同形式。在实践中则是URI。Web上的所有的链接机制都使用URI。URI是且应该被认为是标识符。它们自身并不运输任何信息。</p>
<p style="padding-left: 30px;"><strong>原则：URI是不透明的</strong></p>
<p>例子：</p>
<p class="tips">看看你的日志，你会发现一些用户尝试用只支持WML的移动设备访问你的网站。你决定为他们提供内容适配并创建一个网站的WML版本。问题是他们输入的URI 是http://example.org/index.html。不过，这样也不是问题！URI是不透明的，你尽可以用这样的URI向只支持WML的移动设备发布你的WML内容。</p>
<h3>链接等价</h3>
<p>Web的价值在于能将相似资源链接在一起的能力。既可以通过资源之间明确的链接，也可以通过隐含的链接（例如两个资源指向同一个资源，两个资源在搜索引擎 符合相同的关键字搜索）。Web的价值可以由资源的总价值来计算。</p>
<p>例子：</p>
<p class="tips">让我们想象一下仅包含三个资源的Web：A、B和C。资源B和C链 接到资源A。状况如下图标示。<br />
<img src="http://www.w3.org/2009/02/tinyweb/tinyweb" alt="" /><br />
资源B和C由于它们都链接到资源A，因此它们得到了价值，我们定义为1。资源A 因为由两个不同的链接指向，有价值的资源B和C。相加，资源A的价值就是4。这个例子的Web总价值就是6。</p>
<p>web的总价值在资源删除或分割后会降低。它们会发生在：</p>
<ul>
<li>资源被不是URI的全球标示符识别时；</li>
<li>一个单 独的URI标示超过一个的资源；</li>
<li>资源的URI改变了；</li>
<li>资源包含的信息改变了；</li>
<li>不同的URI用来标 示相同的内容。</li>
</ul>
<h4>资源被不是URI的全球标示符识别时，相当于创建另一个web并将资源分割成不能相互通讯的不同信息空间。</h4>
<p style="padding-left: 30px;"><strong>好做法： 使用URI标示资源</strong></p>
<h4>一个单独的URI标示超过一个的资源。被URI标示的资源只被链接到可见的URI，其他的资源被隐藏了。</h4>
<p style="padding-left: 30px;"><strong>好做法： 使用不同的URI识别不同的资源</strong></p>
<p>例子：</p>
<p class="tips">如果我们在资源A之后增加两个隐藏的资源。我们不清楚资源B和C究 竟链接的是A还是其他资源。A的价值降低了，变成了2。Web的总价值降到了4。<br />
<img src="http://www.w3.org/2009/02/tinyweb/tinyweb-hidden" alt="" /></p>
<h4>资源的URI改变了。当一个URI改变，使用原URI的链接则断开，降低了包含错误链接的资源的价值。</h4>
<p style="padding-left: 30px;"><strong>好做法：URI应该持久有效</strong></p>
<p>例子：</p>
<p class="tips">当资源A的URI改变了，资源B和C现在什么也没链到。资源A的价 值降到了0。Web的总价值降到了2。<br />
<img src="http://www.w3.org/2009/02/tinyweb/tinyweb-broken" alt="" /></p>
<h4>资源包含的信息改变了。链接仍然有效，但是却链接到错误的信息，所以价值降低了。</h4>
<p style="padding-left: 30px;"><strong>好做法：资源应该返回可预知的信息</strong></p>
<p>并不是表示内容不能被改变。资源的实际内容可以经常改变，但是主题应该永远是相同的。</p>
<p>例子：</p>
<p class="tips">如果之前标示资源A的URI现在标示了资源D，资源B和C上的链接 就错了。资源D的价值还是0。Web的总价值降低到2。<br />
<img src="http://www.w3.org/2009/02/tinyweb/tinyweb-changed" alt="" /></p>
<h4>不同的URI用来标示相同的内容。这样的问题是使用不同的URI链入的资源等于是复制了资源。</h4>
<p style="padding-left: 30px;"><strong>好做法：不要使用不同的URI标示同一个资源</strong></p>
<p>例子：</p>
<p class="tips">如果资源A被两个不同的URI标示，资源B用第一个URI链接到 A，而C用第二个链接到A，资源B和C现在显然链接到了两个不同的资源A的拷贝上，互相并不相关了。它们各自的价值为0。<br />
<img src="http://www.w3.org/2009/02/tinyweb/tinyweb-dupl" alt="" /><br />
资源A被复制了。一个 拷贝的链接来源于B，另一个来源于C，每个拷贝的价值为1。Web的总价值则从6降到了2！</p>
<h3>One Web不等于One Version</h3>
<p>One  Web理念很重要的一点是不表示：为所有的设备提供相同的版本。一个网站可以使用内容适配，也就是由设备性能和用户环境决定返回资源不同的版本。事实上， 内容适配明确鼓励改进设备上的用户体验。利用设备性能是移动 web最佳实践之一，而且符合One Web理念！</p>
<p>应该有多少个版本呢？  1，10，100，1000？设计师当然想减少它们不得不维护的版本数量到最少，最好是一个。只要再一点点努力，用一些内容适配工具的帮助，可能就能从原 始版本生成所有的版本了。我们可以给所有人提供单一版本，令我们减少需要调整的内容吗？某些条件下，是可以的。比如W3C<a href="http://www.w3.org/Mobile/">移动Web倡议</a>的网站就没有使用内容适配（可能有一两个例外，就不在我们的 讨论范围内了），并且可以运行在大多数设备上。有人会说，这种网站的内容太“简单了”。目前来说，他说的没错，特定的版本都应该充分利用特定设备的特性。 下一篇回到这个主题上来。在这里我要强调的是，One Web理念在应该定义多少个网站版本上保持中立，当然应该遵循上面提到的那些好的做法。</p>
<p>好。现在差不多了解了One Web，这和真实世界有什么联系呢？</p>
<p>现在我们看看实践中的One Web：</p>
<blockquote><p><em>Neo</em>: I know One Web!</p>
<p><em>Morpheus</em>: Show me.</p></blockquote>
<h3>统一地址空间</h3>
<p><em>One Web</em>指出，你应该使用<strong>统一的地址空间</strong>：资源的不同版本应该共享相同的URI，供桌 面浏览器、移动设备或是电视机顶盒等访问。</p>
<p>应该对全站的资源都使用统一地址空间，而不仅仅应用于首页。网站的结构在所有版本之间都应该保持一致。</p>
<h3>主题一致性</h3>
<p>One  Web指出，URI应该返回可预知的结果。用户使用不同设备访问一个URI，例如从他的桌面PC和他的手机，应该感觉一样。换句话说，资源的不同版本应该 保持<strong>主题一致性</strong>。</p>
<p>主题一致性不意味着内容必须精确地保持相同。而是表示尽可能的合理于：</p>
<ul>
<li>资源所提供的信息应该相同</li>
<li>色彩、logo、内容的布局应该相似</li>
<li>在不同设备上的功能性应该相似</li>
</ul>
<p>简单地讲就是用户换了个设备访问时不用去想“我要找的那个信息跑哪去了？我在我笔记本电脑上看的时候它应该在这里呀！”不同版本的应该让用户一 眼就能识别“OK，就是这个。”</p>
<p>在你设计网页时就是开始考虑主题一致性的最佳时刻，请做到：</p>
<ul>
<li>专注于你打算提供的内容或功能</li>
<li>确保符合页面中心思想的内容素材，可以容易的找到。相反，确保不是页面中心内容素材不引起用户的注意，或者删除它们以缩减页面尺寸，并且不 会发生主题不一致。</li>
<li>为设备不能访问的内容提供可替换的显示方式。</li>
<li>设定一个最小的通用标准，令所有设备都能访问。然后基于它，为特定设备增强用户体验。</li>
</ul>
<p>基于最小的通用标准，有几种不同的方法增强用户体验：</p>
<ul>
<li>使用CSS媒体类型处理移动和桌面样式</li>
<li>使用脚本，当设备不支持时能优美地降级显示</li>
<li>使用内容适配</li>
</ul>
<h3>内容适配</h3>
<p>在开始使用内容适配为请求的设备发送适合设备性能的网页版本之前，你首先应该了解这些性能是什么。</p>
<p>请求的设备可以通过HTTP头信息识别，以及常用的<code>User-Agent</code>信息、<code>Accept</code>和<code>Accept-Charset</code>信 息。一旦被识别，设备性能可以从某种设备描述库中查询出来。现在有若干种数据库可用。</p>
<p>一旦知道了请求的设备的性能，就可以利用和适应这些性能。在返回的HTTP头信息中，增加一条<code>Vary</code> HTTP头信息，让服务器和终端之间的网关和代理明白你使用了内容适配，因此不会不正确地缓存页面提供给其他的用户代理。</p>
<p>例子：</p>
<p class="tips">如果你使用UA来适配内容，确保返回的HTTP应答中包含以 下信息：<br />
<code>Vary:User-Agent</code><br />
缓存就知道此页面存在不同的版本，并且是由UA决定的，于是就不会不恰当的缓存。</p>
<p>内容适配产生额外的支出：你不得不为相同的内容维护很多个版本。因为很多设备的性能相同，使用设备分类是一个很好的方法，这样你可以将网站版本 缩减到最小。</p>
<h3>为移动中的用户考虑</h3>
<p>一旦你专为几个类别的设备创造了几个版本，你可能会进一步考虑大部分用户的使用环境。用户设备的性能是一方面，另一方面是用户所处于的环境，比如考 虑到这些：</p>
<ul>
<li>设备连接的网络。有报告显示08年11月时，8%的美国移动用户通过wifi浏览网站。通常的移动网络特性（低带宽、高延迟、数据费 用）并不适用于wifi，所以你可能想提供一个增强的wifi版本。相反地，如果用户在漫游，数据费用又很昂贵。</li>
<li>用户的社会环境。街上 走着的用户比起躺在床上浏览的用户缺乏充足的时间，所以他们只是想正确而精确的取得信息。所以这样可能又要产生不同的版本。</li>
</ul>
<p>一般的用户环境不能由它的请求表示出来。用户需要自己在版本之间切换。环境可以存储在cookie里，但cookie可能被禁用或不支持。所以 在这种情况下又得用特定的URI来区分不同的环境版本。</p>
<p>等等！这样不会违反统一地址空间规则吗？如果恰当的做就不会了：</p>
<ul>
<li>维持和广告一个网页的<strong>权威的URI</strong>。这个权威的URI应该被用做书签和返回所有支持的用户环境的 网页版本。</li>
<li>确保这个规范的页面链接到其他存在的版本，即可以在页面上使用<code>a</code>链接标签让用户点击，也可以使用<code>link</code>标 签让机器（例如搜索引擎或移动浏览器）明白这个版本实际上是同一资源的不同形式。</li>
</ul>
<p>例子：</p>
<p class="tips">以下HTML代码表示目前的网页是为移动（handheld）设备 定制的，还存在一个桌面（screen）版本。</p>
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;[title]&lt;/title&gt;
&lt;link rel="alternate" media="handheld" href="" /&gt;
&lt;link rel="alternate" media="screen" href="screen.html" /&gt;
&lt;/head&gt;
&lt;body&gt;
[body]
&lt;/body&gt;
&lt;/html&gt;</pre>
<h3>总结</h3>
<blockquote><p><em>Neo</em>: What did she tell you?</p>
<p><em>Morpheus</em>: That I would find the One.</p></blockquote>
<ul>
<li>One Web遵循万维网结构体系。</li>
<li>One Web<strong>不</strong>表示一个版本！</li>
<li>尽可能使用统一地址空间。</li>
<li>网站的版本应该主题一致。</li>
<li>用户环境大于用户设备。</li>
<li>撰写内容时始终记住尽可能降低版本数量和适配的需求。</li>
<li>不同的环境有时要比不同的版本更多。</li>
</ul>
<hr />关于译者：<a href="http://mocreative.net/" target="_blank">五梭</a>，是我很早以前（甚至将近10年前）就认识的一个哥们。他是<a href="http://mocreative.net/" target="_blank">mocreative</a>（移动网设计）的创建者，很早开始了对Mobile设计的研究。业余时间还担任“之游乐队”（广州的一个地下乐队）的鼓手。喜欢经典的金属乐，同时是beyond的歌迷。Twitter ID：<a href="http://twitter.com/5suo" target="_blank">5suo</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smbey0nd.com/2010/01/25/one_web_for_all/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[Mobile好文推荐]开篇2010-1-23</title>
		<link>http://www.smbey0nd.com/2010/01/23/mobile_articles_recommendation/</link>
		<comments>http://www.smbey0nd.com/2010/01/23/mobile_articles_recommendation/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 18:40:59 +0000</pubDate>
		<dc:creator>SMbey0nd</dc:creator>
				<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[好文推荐]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[develop]]></category>
		<category><![CDATA[front end]]></category>
		<category><![CDATA[valuable articles]]></category>

		<guid isPermaLink="false">http://www.smbey0nd.com/?p=226</guid>
		<description><![CDATA[响应沉鱼姐的号召，以后会坚持每天都抽半个小时左右时间来浏览Mobile领域的新闻和博文。在一周或两周再汇总review一下这个星期比较有价值的收获，随后在Blog中分享给大家：） 好文推荐的范围可能会涵盖以下几方面： 移动业内资讯（包括：行业动态/手机评测/运营商新闻/数据统计 等，这部分文章可能占比很高） 新技术应用（应用于Mobile领域的新技术） MobileWEB设计开发文章（这个是重点，但是可能不会很多） 经典文章（一些有长期参考价值的经典老文章，可能包括交互、设计、前端等领域） 好站推荐（一些有特色的MobileWEB站点成品） 精力有限。也许你会发现，分享的东西很杂很乱还没有归类，也许你会发现有些时候分享的东西很少、很偏、很单一或者根本没东西可分享。这都属正常情况，请谅解：）另外，考虑到英文资料会居多，我可能会对一些文章做中文的概要指引。 OK不多废话，下面是前一阶段看到的一些文章，希望会有些价值： [Mobile好文推荐]开篇2010-1-23： fool2fish：手机网站开发必修课系列文章（共3部分） [一]手机浏览器：http://www.fool2fish.cn/?p=290 [二]浏览器兼容性测试：http://www.fool2fish.cn/?p=320 [三]2009总结版：http://www.fool2fish.cn/?p=324 备注：首篇推荐当然是来自沉鱼姐的系列文章^^。其中《手机浏览器》是译自维基百科Mobile Browser词条（http://en.wikipedia.org/wiki/Mobile_browser）的文章，对手机浏览器的历史和现状（国外市场）进行了很全面的讲述。《浏览器兼容性测试》对手机浏览器们的测试步骤和方法进行了介绍。重点推荐《[三]2009总结版》，这是我们经历了一年时间，对MobileWeb开发各个方面进行的提炼和总结，在手机兼容性方面的指引具有很高的参考价值。 WikiPedia：XHTML Mobile Profile http://en.wikipedia.org/wiki/XHTML_Mobile_Profile 备注：WikiPedia上对XHTML-MP的介绍，非常简明扼要，并列出各个版本不同的支持情况。比OMA的易用性高很多：） Brian Suda：Designing and Developing mobile web sites in the real world （part 1,2） http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/ http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site-1/ 备注：又是来自Brian Suda的经典强文。通过实例来介绍建设Mobile WEB Sites的步骤和方法。 hillerliao：手机的输入方式 http://www.mindpin.com/mindmap_editor/mindmaps/14601.png 备注：一张强图，说明了手机的各种输入信息方式。 ifanr：Nexus One评测 http://www.ifanr.com/6286 pconline：诺基亚N900中文版应用分享 http://mobile.pconline.com.cn/review/1001/2016327.html pconline：全球最薄Android手机!首派智能机A60评测 http://mobile.pconline.com.cn/review/1001/2028698.html Cameronmoll：Mobile Web Design 系列 [...]]]></description>
			<content:encoded><![CDATA[<p>响应<strong><a href="http://www.fool2fish.cn/" target="_blank">沉鱼姐</a></strong>的号召，以后会坚持每天都抽半个小时左右时间来浏览Mobile领域的新闻和博文。在一周或两周再汇总review一下这个星期比较有价值的收获，随后在Blog中分享给大家：）</p>
<p>好文推荐的范围可能会涵盖以下几方面：</p>
<ul>
<li>移动业内资讯（包括：行业动态/手机评测/运营商新闻/数据统计 等，这部分文章可能占比很高）</li>
<li>新技术应用（应用于Mobile领域的新技术）</li>
<li>MobileWEB设计开发文章（这个是重点，但是可能不会很多）</li>
<li>经典文章（一些有长期参考价值的经典老文章，可能包括交互、设计、前端等领域）</li>
<li>好站推荐（一些有特色的MobileWEB站点成品）</li>
</ul>
<p>精力有限。也许你会发现，分享的东西很杂很乱还没有归类，也许你会发现有些时候分享的东西很少、很偏、很单一或者根本没东西可分享。这都属正常情况，请谅解：）另外，考虑到英文资料会居多，我可能会对一些文章做中文的概要指引。</p>
<p>OK不多废话，下面是前一阶段看到的一些文章，希望会有些价值：<br />
<span id="more-226"></span></p>
<hr />
<h2>[Mobile好文推荐]开篇2010-1-23：</h2>
<blockquote>
<h3>fool2fish：手机网站开发必修课系列文章（共3部分）</h3>
</blockquote>
<p>[一]手机浏览器：<a href="http://www.fool2fish.cn/?p=290" target="_blank">http://www.fool2fish.cn/?p=290</a><br />
[二]浏览器兼容性测试：<a href="http://www.fool2fish.cn/?p=320" target="_blank">http://www.fool2fish.cn/?p=320</a><br />
[三]2009总结版：<a href="http://www.fool2fish.cn/?p=324" target="_blank">http://www.fool2fish.cn/?p=324</a></p>
<p><span style="color: #c0c0c0;">备注：首篇推荐当然是来自沉鱼姐的系列文章^^。其中《手机浏览器》是译自维基百科Mobile Browser词条（<a href="http://en.wikipedia.org/wiki/Mobile_browser" target="_blank">http://en.wikipedia.org/wiki/Mobile_browser</a>）的文章，对手机浏览器的历史和现状（国外市场）进行了很全面的讲述。《浏览器兼容性测试》对手机浏览器们的测试步骤和方法进行了介绍。<strong>重点推荐《[三]2009总结版》</strong>，这是我们经历了一年时间，对MobileWeb开发各个方面进行的提炼和总结，在手机兼容性方面的指引具有很高的参考价值。</span></p>
<blockquote>
<h3>WikiPedia：XHTML Mobile Profile</h3>
</blockquote>
<p><a href="http://en.wikipedia.org/wiki/XHTML_Mobile_Profile" target="_blank">http://en.wikipedia.org/wiki/XHTML_Mobile_Profile</a></p>
<p><span style="color: #c0c0c0;">备注：WikiPedia上对XHTML-MP的介绍，非常简明扼要，并列出各个版本不同的支持情况。比<a href="http://www.openmobilealliance.org/Technical/wapindex.aspx" target="_blank">OMA</a>的易用性高很多：）</span></p>
<blockquote>
<h3>Brian Suda：Designing and Developing mobile web sites in the real world （part 1,2）</h3>
</blockquote>
<p><a href="http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/" target="_blank">http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site/</a><br />
<a href="http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site-1/" target="_blank">http://dev.opera.com/articles/view/designing-and-developing-mobile-web-site-1/</a></p>
<p><span style="color: #c0c0c0;">备注：又是来自Brian Suda的经典强文。通过实例来介绍建设Mobile WEB Sites的步骤和方法。</span></p>
<blockquote>
<h3>hillerliao：手机的输入方式</h3>
</blockquote>
<p><a href="http://www.mindpin.com/mindmap_editor/mindmaps/14601.png" target="_blank">http://www.mindpin.com/mindmap_editor/mindmaps/14601.png</a></p>
<p><span style="color: #c0c0c0;">备注：一张强图，说明了手机的各种输入信息方式。</span></p>
<blockquote>
<h3>ifanr：Nexus One评测</h3>
</blockquote>
<p><a href="http://www.ifanr.com/6286" target="_blank">http://www.ifanr.com/6286</a></p>
<blockquote>
<h3>pconline：诺基亚N900中文版应用分享</h3>
</blockquote>
<p><a href="http://mobile.pconline.com.cn/review/1001/2016327.html" target="_blank">http://mobile.pconline.com.cn/review/1001/2016327.html</a></p>
<blockquote>
<h3>pconline：全球最薄Android手机!首派智能机A60评测</h3>
</blockquote>
<p><a href="http://mobile.pconline.com.cn/review/1001/2028698.html" target="_blank">http://mobile.pconline.com.cn/review/1001/2028698.html</a></p>
<blockquote>
<h3>Cameronmoll：Mobile Web Design 系列</h3>
</blockquote>
<p><a href="http://www.cameronmoll.com/archives/000398.html" target="_blank">http://www.cameronmoll.com/archives/000398.html</a></p>
<p><span style="color: #c0c0c0;">备注：很古老却很实用的Mobile Web设计指南。</span></p>
<blockquote>
<h3>m-trend：Mobile Trends 2020</h3>
</blockquote>
<p><a href="http://www.m-trends.org/2010/01/mobile-trends-2020.html?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+mtrends+%28m-trends.org%29" target="_blank">http://www.m-trends.org/2010/01/mobile-trends-2020.html?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+mtrends+%28m-trends.org%29</a></p>
<p><span style="color: #c0c0c0;">备注：移动行业未来十年的发展趋势预测，仅供参考，国内情况差距太大。反正，我没看完。</span></p>
<blockquote>
<h3>MWITeam：All webs in one, One Web for all 系列</h3>
</blockquote>
<p><a href="http://www.w3.org/blog/MWITeam/2009/03/17/one_web_for_all" target="_blank">http://www.w3.org/blog/MWITeam/2009/03/17/one_web_for_all</a></p>
<p><span style="color: #c0c0c0;">备注：W3C-MWITeam的“One Web”主题系列经典文章，值得收藏。</span></p>
<blockquote>
<h3>mmdays：虛擬與現實的結合：Augmented Reality初探</h3>
</blockquote>
<p><a href="http://mmdays.com/2009/09/25/augmented-reality-for-dummies/" target="_blank">http://mmdays.com/2009/09/25/augmented-reality-for-dummies/</a></p>
<p><span style="color: #c0c0c0;">备注：<a href="http://baike.baidu.com/view/1019548.htm?fr=ala0_1" target="_blank">Augmented Reality</a>（增强现实技术）是新的无线技术应用，目前Android、iPhone等平台已经开始了应用尝试，值得关注。</span></p>
<blockquote>
<h3>PPK：A basic usability test on ten phones</h3>
</blockquote>
<p><a href="http://www.quirksmode.org/blog/archives/2010/01/a_basic_usabili.html" target="_blank">http://www.quirksmode.org/blog/archives/2010/01/a_basic_usabili.html</a></p>
<p><span style="color: #c0c0c0;">备注：偶像PPK的10款手机的可用性测试报告（用户研究方向）。</span></p>
<blockquote>
<h3>手机新浪网小规模改版：</h3>
</blockquote>
<p><a href="http://sina.cn" target="_blank">http://sina.cn</a>（需要用Opera、或UA为移动设备进行浏览）</p>
<p><span style="color: #c0c0c0;">备注：3G导航区域去掉原来巨型的版本切换选择，增加很多实用链接，另外似乎增加了更多的UA判断。一直很欣赏手机新浪网的设计，赞。</span></p>
<blockquote>
<h3><span style="color: #ffcc00;">好站推荐：</span></h3>
</blockquote>
<p><a href="http://m.eat.fi" target="_blank">http://m.eat.fi</a><br />
推荐理由：</p>
<ol>
<li> JavaScript交互应用效果很帅</li>
<li>优雅降级设计，不支持JavaScript的设备不会产生可用性问题</li>
<li>iPhone、Android等触屏设备用户的浏览体验非常爽</li>
<li>页面源代码经过优化处理，将下载速度最大化</li>
<li>移动特色应用：<a href="http://www.w3.org/TR/geolocation-API/" target="_blank">地理位置服务</a>， 查找你附近的餐馆</li>
</ol>
<hr />好了，以上就是本期<strong> Mobile好文推荐 </strong>的全部内容，乱七八糟反正挺多的，应该对你有用。我保证以后肯定不会这么多了，相信我：）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.smbey0nd.com/2010/01/23/mobile_articles_recommendation/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
