<?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>Mobile web2.0</title>
	<atom:link href="http://www.neten.cn/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.neten.cn/blog</link>
	<description>Never frown</description>
	<lastBuildDate>Mon, 21 Jun 2010 02:58:23 +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>QQREADER46B16E53C862D4FB</title>
		<link>http://www.neten.cn/blog/2010/06/qqreader46b16e53c862d4fb/</link>
		<comments>http://www.neten.cn/blog/2010/06/qqreader46b16e53c862d4fb/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 02:58:23 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=254</guid>
		<description><![CDATA[QQREADER46B16E53C862D4FB
]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/06/qqreader46b16e53c862d4fb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>mobile web前端重构介绍（wap2.0）</title>
		<link>http://www.neten.cn/blog/2010/06/mobile-web%e5%89%8d%e7%ab%af%e9%87%8d%e6%9e%84%e4%bb%8b%e7%bb%8d%ef%bc%88wap2-0%ef%bc%89/</link>
		<comments>http://www.neten.cn/blog/2010/06/mobile-web%e5%89%8d%e7%ab%af%e9%87%8d%e6%9e%84%e4%bb%8b%e7%bb%8d%ef%bc%88wap2-0%ef%bc%89/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 02:51:51 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=251</guid>
		<description><![CDATA[http://neten.cn/mobile/mobilewebrebuildintroduce2.ppt
一、Mobile web发展历史
二、手机平台
三、手机屏幕分辨率
四、手机浏览器
五、测试工具
六、语言选择
七、Mobile web现况
八、测试结果分享
九、Mobile web2.0展望
]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/06/mobile-web%e5%89%8d%e7%ab%af%e9%87%8d%e6%9e%84%e4%bb%8b%e7%bb%8d%ef%bc%88wap2-0%ef%bc%89/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Html5应用大聚合</title>
		<link>http://www.neten.cn/blog/2010/06/html5%e5%ba%94%e7%94%a8%e5%a4%a7%e8%81%9a%e5%90%88/</link>
		<comments>http://www.neten.cn/blog/2010/06/html5%e5%ba%94%e7%94%a8%e5%a4%a7%e8%81%9a%e5%90%88/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 02:38:50 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=246</guid>
		<description><![CDATA[一、视频播放
现在网页上流行的在线播放视频基本都是以flash格式呈现的，多年使用下来，flash已经成为网民生活的一部分了。所以当苹果宣布在移动设备平台上与Flash划清界线后，很多人都会无法理解。当然，是好是坏就不在这评论啦，直接讲重点，下面就带大家看看如果不用FLASH，单用HTML5的应用，在线视频可以在网页上表现成什么样子吧。
这个应用叫“sublimeVideo”，通过它，你会看到与FALSH效果一样的在线视频播放。
演示地址：http://jilion.com/sublime/video
二、在线画板
在线画板也不算是什么新鲜的东西，但以前的画板多半是用flash来实现，而基于HTML5技术制作的在线画板又可以做成怎么样呢？可以看看下面的演示地址。
演示地址：http://mugtug.com/sketchpad/
三、可拖动的交互
    HTML页面一直给我的印像都是很静态的，像以下的画面：
    如果这里作为一款小游戏，需要你按先后顺序把右边选框内的答案扔到左边的垃圾桶里，正常做法只能点击每个选框进行选择，比较生硬。一般的解决方法我们会利用FLASH来做出可拖动的效果，把答案拖进垃圾桶内，使这个过程更加生动。不过现在通过HTML5应用也可以实现拖动的效果。
演示地址：http://html5demos.com/drag
四、按标准解析SWF动画文件
    虽然看了以上几个例子会觉得HTML5已经可以完成之前需要flash才能实现的效果，但其实网站还是很需要FLASH的帮助，起码个人觉得短时间内不可能取代。
    现在通过一个叫“Gordon”的应用，可以把SWF文件在HTML5的环竟中按照标准的Flash动画模式播放出来。而且在浏览的时候完全不需要Flash插件，这个应用号称：An open source Flash runtime， 利用JS＋SVG技术实现的Flash运行环境。
演示地址：http://paulirish.com/work/gordon/demos/
http://www.benjoffe.com/code/games/torus/  html5游戏应用
]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/06/html5%e5%ba%94%e7%94%a8%e5%a4%a7%e8%81%9a%e5%90%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>浏览器Quirksmode(怪异模式)与CSScompat</title>
		<link>http://www.neten.cn/blog/2010/05/%e6%b5%8f%e8%a7%88%e5%99%a8quirksmode%e6%80%aa%e5%bc%82%e6%a8%a1%e5%bc%8f%e4%b8%8ecsscompat/</link>
		<comments>http://www.neten.cn/blog/2010/05/%e6%b5%8f%e8%a7%88%e5%99%a8quirksmode%e6%80%aa%e5%bc%82%e6%a8%a1%e5%bc%8f%e4%b8%8ecsscompat/#comments</comments>
		<pubDate>Fri, 21 May 2010 10:24:58 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=242</guid>
		<description><![CDATA[由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。
     W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的IE）。这样浏览器渲染上就产生了Quircks mode和Standars mode，两种渲染方法共存在一个浏览器上。
     那么浏览器究竟该采用哪种模式渲染呢？这就引出的DTD，既是网页的头部声明，浏览器会通过识别DTD而采用相对应的渲染模式：
1. 浏览器要使老旧的网页正常工作，但这部分网页是没有doctype声明的，所以浏览器对没有doctype声明的网页采用quirks mode解析。
2. 对于拥有doctype声明的网页，什么浏览器采用何种模式解析，这里有一张详细列表可参考：http://hsivonen.iki.fi/doctype/
3. 对于拥有doctype声明的网页，这里有几条简单的规则可用于判断：对于那些浏览器不能识别的doctype声明，浏览器采用strict mode解析
4. 在doctype声明中，没有使用DTD声明或者使用HTML4以下（不包括HTML4）的DTD声明时，基本所有的浏览器都是使用quirks mode呈现，其他的则使用strict mode解析。
5. 可以这么说，在现有有doctype声明的网页，绝大多数是采用strict mode进行解析的。
6. 在ie6中，如果在doctype声明前有一个xml声明(比如:)，则采用quirks mode解析。这条规则在ie7中已经移除了。
     Quirks mode和Standars mode最大的不同就是提现在对盒模式的解释上，这也是我们在js里要注意的地方。
     什么是盒模式？ 这是针对块级元素说的，说白了就是把块级元素想像成一个装东西的盒子，而margin,padding,border,width这些css属性构成了盒模式。 
在Standars mode中：
元素真正的宽度 = margin-left   +   border-left-width   + [...]]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/05/%e6%b5%8f%e8%a7%88%e5%99%a8quirksmode%e6%80%aa%e5%bc%82%e6%a8%a1%e5%bc%8f%e4%b8%8ecsscompat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>盖洛普Q12</title>
		<link>http://www.neten.cn/blog/2010/05/%e7%9b%96%e6%b4%9b%e6%99%aeq12%e6%b5%8b%e8%af%84%e6%b3%95/</link>
		<comments>http://www.neten.cn/blog/2010/05/%e7%9b%96%e6%b4%9b%e6%99%aeq12%e6%b5%8b%e8%af%84%e6%b3%95/#comments</comments>
		<pubDate>Tue, 11 May 2010 14:20:16 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=239</guid>
		<description><![CDATA[     1．我知道公司对我的工作要求吗？ 
　　2．我有做好我的工作所需要的材料和设备吗？ 
　　3．在工作中，我每天都有机会做我最擅长做的事吗？ 
　　4．在过去的六天里，我因工作出色而受到表扬吗？ 
　　5．我觉得我的主管或同事关心我的个人情况吗？ 
　　6．工作单位有人鼓励我的发展吗？ 
　　7．在工作中，我觉得我的意见受到重视吗？ 
　　8．公司的使命目标使我觉得我的工作重要吗？ 
　　9．我的同事们致力于高质量的工作吗？ 
　　10．我在工作单位有一个最要好的朋友吗？ 
　　11．在过去的六个月内，工作单位有人和我谈及我的进步吗？ 
　　12．过去一年里，我在工作中有机会学习和成长吗？ 
]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/05/%e7%9b%96%e6%b4%9b%e6%99%aeq12%e6%b5%8b%e8%af%84%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>无线精彩，有你更精彩，聘！</title>
		<link>http://www.neten.cn/blog/2010/05/%e6%97%a0%e7%ba%bf%e7%b2%be%e5%bd%a9%ef%bc%8c%e6%9c%89%e4%bd%a0%e6%9b%b4%e7%b2%be%e5%bd%a9%ef%bc%8c%e8%81%98%ef%bc%81/</link>
		<comments>http://www.neten.cn/blog/2010/05/%e6%97%a0%e7%ba%bf%e7%b2%be%e5%bd%a9%ef%bc%8c%e6%9c%89%e4%bd%a0%e6%9b%b4%e7%b2%be%e5%bd%a9%ef%bc%8c%e8%81%98%ef%bc%81/#comments</comments>
		<pubDate>Tue, 11 May 2010 03:52:27 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=231</guid>
		<description><![CDATA[
WEB/wap 前端开发工程师
地点：深圳/北京
•计算机专业或相关专业大学本科以上学历，一年以上工作经验, 有wap开发经验者优先考虑
•具有很好的口头和书目的表达和沟通的能力;
•对符合web标准的网站构建有丰富经验，有成功案例，精通结构化语言xhtml、xml与解释性语言css；
•熟练使用Adobe工具: photoshop/dreamweaver
•有一定的审美能力, 对色彩, 视觉感觉, 字体等有一定感觉;
•深入了解并熟练使用html, css, javascript, ajax;
•了解jsp/php语言者优先考虑
•了解HTML5/css3者优先考虑
•腾讯粉丝者优先考虑
http://mparty.qq.com/2010Q1/job/other/other_22.html
也可以发送简历到Hoosinhu#tencent.com
]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/05/%e6%97%a0%e7%ba%bf%e7%b2%be%e5%bd%a9%ef%bc%8c%e6%9c%89%e4%bd%a0%e6%9b%b4%e7%b2%be%e5%bd%a9%ef%bc%8c%e8%81%98%ef%bc%81/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>招行银行专业版 win7安装问题解决</title>
		<link>http://www.neten.cn/blog/2010/05/%e6%8b%9b%e8%a1%8c%e9%93%b6%e8%a1%8c%e4%b8%93%e4%b8%9a%e7%89%88-win7%e5%ae%89%e8%a3%85%e9%97%ae%e9%a2%98%e8%a7%a3%e5%86%b3/</link>
		<comments>http://www.neten.cn/blog/2010/05/%e6%8b%9b%e8%a1%8c%e9%93%b6%e8%a1%8c%e4%b8%93%e4%b8%9a%e7%89%88-win7%e5%ae%89%e8%a3%85%e9%97%ae%e9%a2%98%e8%a7%a3%e5%86%b3/#comments</comments>
		<pubDate>Fri, 07 May 2010 06:34:36 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=228</guid>
		<description><![CDATA[按了网上一些安装还是没用
最后同事说把文件改成rar的后缀，解压，然后在解压文件里面安装，问题解决。
]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/05/%e6%8b%9b%e8%a1%8c%e9%93%b6%e8%a1%8c%e4%b8%93%e4%b8%9a%e7%89%88-win7%e5%ae%89%e8%a3%85%e9%97%ae%e9%a2%98%e8%a7%a3%e5%86%b3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>nexus one有哪些不足</title>
		<link>http://www.neten.cn/blog/2010/04/nexus-one%e6%9c%89%e5%93%aa%e4%ba%9b%e4%b8%8d%e8%b6%b3/</link>
		<comments>http://www.neten.cn/blog/2010/04/nexus-one%e6%9c%89%e5%93%aa%e4%ba%9b%e4%b8%8d%e8%b6%b3/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 10:39:35 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=222</guid>
		<description><![CDATA[1.相比droid来说颗粒感更差，使用中明显可以看到许多小颗粒。
2.打电话时切换出来有一个电话类型文字没法隐藏的 bug，如图。

3.触摸起来不是很顺畅，不好控制。
4.拍摄的相片过大&#8230;可以短信分享但又缺少对相片大小处理的功能。
5.n1自带浏览器对lightbox处理有问题，一直移位，让你根本没办法选中输入框。
6.对传统页面控制有点奇怪，不好控制，在这方面比opera要差很多。.
7.经常会卡住

]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/04/nexus-one%e6%9c%89%e5%93%aa%e4%ba%9b%e4%b8%8d%e8%b6%b3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>nexus one截屏的图很清晰</title>
		<link>http://www.neten.cn/blog/2010/04/nexus-one%e6%88%aa%e5%b1%8f%e7%9a%84%e5%9b%be%e5%be%88%e6%b8%85%e6%99%b0/</link>
		<comments>http://www.neten.cn/blog/2010/04/nexus-one%e6%88%aa%e5%b1%8f%e7%9a%84%e5%9b%be%e5%be%88%e6%b8%85%e6%99%b0/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 02:32:05 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=213</guid>
		<description><![CDATA[截屏工具:shoot me
下载地址：http://m.91.com/soft/Android/shootme-0.73.html

]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/04/nexus-one%e6%88%aa%e5%b1%8f%e7%9a%84%e5%9b%be%e5%be%88%e6%b8%85%e6%99%b0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wap开发者常用的几个插件</title>
		<link>http://www.neten.cn/blog/2010/03/wap%e5%bc%80%e5%8f%91%e8%80%85%e5%b8%b8%e7%94%a8%e7%9a%84%e5%87%a0%e4%b8%aa%e6%8f%92%e4%bb%b6/</link>
		<comments>http://www.neten.cn/blog/2010/03/wap%e5%bc%80%e5%8f%91%e8%80%85%e5%b8%b8%e7%94%a8%e7%9a%84%e5%87%a0%e4%b8%aa%e6%8f%92%e4%bb%b6/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 08:31:29 +0000</pubDate>
		<dc:creator>hoosin</dc:creator>
				<category><![CDATA[未分类]]></category>

		<guid isPermaLink="false">http://www.neten.cn/blog/?p=209</guid>
		<description><![CDATA[User Agent Switcher 0.7.2
The User Agent Switcher extension adds a menu and a toolbar button to switch the user agent of the browser.
在研读JForum源码时遇到过ClickstreamFilter.java过滤来自客户端的每个请求，源码中通过request获取请求头User-Agent信息，来判断当前请求是否来自搜索引擎和机器人。
它的功能体现主要在于，在网站规模达到一定程度时，要求针对不同的浏览客户端进行不同的显示方式，会根据这个字段信息来设置不同用户的不同访问体验。例如，当我们直接访问http://www.google.com时，Google会通过请求头User-Agent消息来判断请求是否来源自手机客户端，从而返回适合于手机浏览的页面回来。
对多种不同客户端请求进行判断提供了依据。
官方地址:
https://addons.mozilla.org/zh-CN/firefox/addon/59
XHTML Mobile Profile 0.5.3
https://addons.mozilla.org/en-US/firefox/addon/1345/?src=api
Firefox does not natively support the mime-type application/vnd.wap.xhtml+xml. This is one of the possible mime-types for XHTML Mobile Profile. This extension adds support for this mime-type. (The other, application/xhtml+xml, is [...]]]></description>
		<wfw:commentRss>http://www.neten.cn/blog/2010/03/wap%e5%bc%80%e5%8f%91%e8%80%85%e5%b8%b8%e7%94%a8%e7%9a%84%e5%87%a0%e4%b8%aa%e6%8f%92%e4%bb%b6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
