<?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/"
	xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule">

<channel>
	<title>Yining.write() &#187; Web2.0</title>
	<atom:link href="http://www.yining.org/category/web20/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yining.org</link>
	<description>public virtual stream Yining.write()</description>
	<lastBuildDate>Fri, 04 Jun 2010 12:01:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<creativeCommons:license>http://creativecommons.org/licenses/by-nc-sa/3.0/</creativeCommons:license>		<item>
		<title>Web2.1技术演示</title>
		<link>http://www.yining.org/2008/01/21/web21-blink-tag-demo/</link>
		<comments>http://www.yining.org/2008/01/21/web21-blink-tag-demo/#comments</comments>
		<pubDate>Sun, 20 Jan 2008 18:32:48 +0000</pubDate>
		<dc:creator>Yining</dc:creator>
				<category><![CDATA[Web2.0]]></category>
		<category><![CDATA[funny]]></category>
		<category><![CDATA[humor]]></category>

		<guid isPermaLink="false">http://www.yining.org/2008/01/21/web21-blink-tag-demo/</guid>
		<description><![CDATA[浏览邮件列表时看到一个Web2.1技术演示，笑倒，一定要分享的，这里是中文版本。
]]></description>
			<content:encoded><![CDATA[<p>浏览邮件列表时看到一个<a href="http://cheese.blartwendo.com/web21-demo.html">Web2.1技术演示</a>，笑倒，一定要分享的，这里是<a href="http://www.yining.org/web21-demo/">中文版本</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yining.org/2008/01/21/web21-blink-tag-demo/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Web2.0 Forms 和“可降解的”Javascript</title>
		<link>http://www.yining.org/2006/11/21/web20-forms-and-degradable-javascript/</link>
		<comments>http://www.yining.org/2006/11/21/web20-forms-and-degradable-javascript/#comments</comments>
		<pubDate>Mon, 20 Nov 2006 17:56:15 +0000</pubDate>
		<dc:creator>Yining</dc:creator>
				<category><![CDATA[Web2.0]]></category>
		<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://www.yining.org/2006/11/21/what-is-web20-form/</guid>
		<description><![CDATA[我一直认为网页标准的普及和支持是Web2.0发展中的非常重要的推动力量之一，一是CSS让网页设计和维护更容易，二是Javascript让用户互动更友好，这使得更简洁更友好的web 2.0界面更流行更受欢迎。
同时，越来越多的控制转移到了用户手中，比如Firefox的NoScript扩展让用户可以关闭或者开启所有或者某些网页上的Javascript。这就使得一些网站的页面在Javascript被关闭的时候，不能或者部分不能使用。例子：在豆瓣上对东西评价打分的界面在关闭Javascript后就失效了，似乎也没有其它手段可以做评价和打分。
这是不是有点吹毛求疵呢？那再看看Amazon上类似页面的处理，用户可以对一件商品做评价，和标记自己是否拥有，界面如下所示：

也是使用了Ajax，不需要重新载入页面；把Javascript关掉，刷新页面，由于Javascript被关闭，页面此处则显示一个“Rate this item&#8221;的链接，链接到的页面出现以下这个界面，一个简单的“web 1.0”的表单：

这就是“可降解的”(Degradable)Javascript的应用的例子，在浏览器不支持或者不完全支持Javascript的时候，仍然能够正常展现和提供页面所有功能。虽然用户体验不如Javascript开启的时候好，但用户仍然能够完成他想要做的事情。
需要关闭Javascript么？有些情况下，是的，比如出于速度和安全的考虑，比如使用不支持或者完全支持Javascript的浏览器（不，不只是Lynx，还有移动终端上）。更重要的是，不能因为用户选择关闭Javascript，就不让他们使用到某些功能。尊重用户的选择，这应该更是web2.0的精神和力量的所在吧。
那么，既要支持javascript被关闭的情况，又要有Ajax，会不会增加开发的难度呢？Jeremy Keith, DOM Scripting的作者，不这么认为，在他的书里也提到Progressive enhancement（渐进增强）的开发过程和Hijax的手段，简单地说，就是

首先以传统的或者说web1.0的方式设计和实现网页；
在1的基础上，添加Javascript实现Ajax，优化用户互动；

因为即使使用Ajax，所有处理还是在服务器端完成的。更多关于progressive enhancement和Degradable Javascript可参考：

Hijax: Progressive Enhancement with Ajax
Degradable Ajax Form Validation

]]></description>
			<content:encoded><![CDATA[<p>我一直认为网页标准的普及和支持是Web2.0发展中的非常重要的推动力量之一，一是CSS让网页设计和维护更容易，二是Javascript让用户互动更友好，这使得<a title="CSS-Based Forms: Modern Solutions" href="http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/">更简洁更友好的web 2.0界面</a>更流行更受欢迎。</p>
<p>同时，越来越多的控制转移到了用户手中，比如Firefox的<a target="_blank" title="NoScript Extension for Firefox" href="http://www.noscript.net/whats">NoScript</a>扩展让用户可以关闭或者开启所有或者某些网页上的Javascript。这就使得一些网站的页面在Javascript被关闭的时候，不能或者部分不能使用。例子：在<a title="豆瓣" target="_blank" href="http://www.douban.com">豆瓣</a>上对东西评价打分的界面在关闭Javascript后就失效了，似乎也没有其它手段可以做评价和打分。</p>
<p>这是不是有点吹毛求疵呢？那再看看Amazon上类似页面的处理，用户可以对一件商品做评价，和标记自己是否拥有，界面如下所示：</p>
<p><a title="Photo Sharing" href="http://www.flickr.com/photos/yining/301694521/"><img align="bottom" title="amazon page with javascript enabled" alt="amazon page with javascript enabled" src="http://static.flickr.com/113/301694521_3135023754_o.png" /></a></p>
<p>也是使用了Ajax，不需要重新载入页面；把Javascript关掉，刷新页面，由于Javascript被关闭，页面此处则显示一个“Rate this item&#8221;的链接，链接到的页面出现以下这个界面，一个简单的“web 1.0”的表单：</p>
<p><a title="Photo Sharing" href="http://www.flickr.com/photos/yining/301694518/"><img align="bottom" alt="amazon page with javascript disabled" title="amazon page with javascript disabled" src="http://static.flickr.com/110/301694518_080eaa3fe7_o.png" /></a></p>
<p>这就是“可降解的”(Degradable)Javascript的应用的例子，在浏览器不支持或者不完全支持Javascript的时候，仍然能够正常展现和提供页面所有功能。虽然用户体验不如Javascript开启的时候好，但用户仍然能够完成他想要做的事情。</p>
<p>需要关闭Javascript么？有些情况下，是的，比如出于速度和安全的考虑，比如使用不支持或者完全支持Javascript的浏览器（不，不只是Lynx，还有移动终端上）。更重要的是，不能因为用户选择关闭Javascript，就不让他们使用到某些功能。尊重用户的选择，这应该更是web2.0的精神和力量的所在吧。</p>
<p>那么，既要支持javascript被关闭的情况，又要有Ajax，会不会增加开发的难度呢？Jeremy Keith, <a target="_blank" title="DOM Scripting" href="http://www.douban.com/subject/1461786/">DOM Scripting</a>的作者，<a target="_blank" title="Perpetuating the myths of JavaScript degradation." href="http://domscripting.com/blog/display/25">不这么认为</a>，在他的书里也提到Progressive enhancement（渐进增强）的开发过程和Hijax的手段，简单地说，就是</p>
<ol>
<li>首先以传统的或者说web1.0的方式设计和实现网页；</li>
<li>在1的基础上，添加Javascript实现Ajax，优化用户互动；</li>
</ol>
<p>因为即使使用Ajax，所有处理还是在服务器端完成的。更多关于progressive enhancement和Degradable Javascript可参考：</p>
<ul>
<li><a title="Hijax: Progressive Enhancement with Ajax" target="_blank" href="http://domscripting.com/presentations/xtech2006/">Hijax: Progressive Enhancement with Ajax</a></li>
<li><a title="Degradable Ajax Form Validation" target="_blank" href="http://particletree.com/features/degradable-ajax-form-validation/">Degradable Ajax Form Validation</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.yining.org/2006/11/21/web20-forms-and-degradable-javascript/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

