<?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>.::灵狼天::. &#187; Ajax</title>
	<atom:link href="http://icyleaf.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://icyleaf.com</link>
	<description>icyleaf&#039;s blog - 心外无理，心外无物，心外无事</description>
	<lastBuildDate>Tue, 13 Dec 2011 02:34:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>推荐一本前端的电子书：The Woork Handbook</title>
		<link>http://icyleaf.com/2009/01/the-woork-handbook/</link>
		<comments>http://icyleaf.com/2009/01/the-woork-handbook/#comments</comments>
		<pubDate>Sun, 04 Jan 2009 02:19:06 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[网络开发]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[Scriptaculous]]></category>
		<category><![CDATA[web开发]]></category>

		<guid isPermaLink="false">http://icyleaf.com/?p=511</guid>
		<description><![CDATA[The Woork Handbook 是一本关于 CSS，HTML，Ajax，web 开发，Mootools，Scriptaculous 以及一些其他关于网页设计的免费英文电子书。 为什么称之为“The Woork Handbook&#8221;，首先因为此书的内容均来自 Woork 的 blog 之中的文章（涵盖了 2008 年 1 月到 12 月的一些文章）。目前此书发布的是第一个预览版本：0.1 电子书下载：The Woork Handbook 此人博客的内容涵盖了广阔的互联网开发领域，就像上面此书介绍的那样，不过有时候偶尔会无法访问，可恶的 GFW，另外这里在说明想一下作者最后的声明： 英语并不是作者的母语 文章所有内容都是 复制粘贴 自作者的博客 当有新的内容，作者会周期性更新此书内容]]></description>
			<content:encoded><![CDATA[<p>The Woork Handbook 是一本关于 CSS，HTML，Ajax，web 开发，Mootools，Scriptaculous 以及一些其他关于网页设计的<strong>免费英文电子书</strong>。</p>
<p>为什么称之为“The Woork Handbook&#8221;，首先因为此书的内容均来自 <a href="http://woork.blogspot.com/" target="_self">Woork 的 blog</a> 之中的文章（涵盖了 2008 年 1 月到 12 月的一些文章）。目前此书发布的是第一个预览版本：0.1</p>
<p>电子书下载：<a href="http://www.box.net/shared/static/xe3d9r4nti.pdf" target="_self">The Woork Handbook</a></p>
<p>此人博客的内容涵盖了广阔的互联网开发领域，就像上面此书介绍的那样，不过有时候偶尔会无法访问，可恶的 GFW，另外这里在说明想一下作者最后的声明：</p>
<ul>
<li>英语并不是作者的母语</li>
<li>文章所有内容都是 复制粘贴 自作者的博客<em></em></li>
<li>当有新的内容，作者会周期性更新此书内容</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2009/01/the-woork-handbook/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>2007年Ajax工具排行榜</title>
		<link>http://icyleaf.com/2008/01/2007-ajax-tool-list/</link>
		<comments>http://icyleaf.com/2008/01/2007-ajax-tool-list/#comments</comments>
		<pubDate>Fri, 04 Jan 2008 10:48:56 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[网络开发]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[调查]]></category>

		<guid isPermaLink="false">http://www.icyleaf.cn/2008/01/04/2007-ajax-tool-observation/</guid>
		<description><![CDATA[文字来源：I, Analyst 文字翻译：icyleaf 2007年Ajax工具使用观察的统计来源是 Ajaxian.com，我只是完成了我们的第三个年度AJAX工具的使用观察工作。原始数据大家可以看这里 &#8211; 你可以查看你喜欢的部分。那么下面公布2007年Ajax工具使用的前10是： 从2005到2007年Ajax凭借着它的多元化迅速在市场占据大的份额，各种工具包和应用技术不断的增多。据统计来看大概有241个Ajax工具包和相关库。其中有在2005年大约36个，2006年有170相关技术。 另外一点，调查并不限于Ajax的框架和工具包 ，也包括一些Ajax方面的JavaScript的库。所有的技术分别ajaxpatterns.org和以前的调查。可有还有极少数的框架已经废弃或者被人遗忘。因此这个统计结果也并不是十全十美的。 在过去的3年当中Prototype和Script.aculo.us一直处于领先地位。但这些并不能说明谁是赢家，谁是输家。现在他们（Prototype和Script.aculo.us）逐渐的失去了领导地位。一些最初很流行的框架现在也有些已经退出了市场（xajax 和 Rico）；而有的如一匹黑马杀入，渐渐成为“领军人物”（即 jquery和 Ext JS ） 。在过去3年的变化图（看图）可以表明当时最流行的工具包在市场的占有率和市场份额。这意味着该市场仍然 不成熟。 令人惊讶的是，几乎完全没有商业的AJAX框架。 在2006年，Backbase做出了大量的成功才使得东山再起，但还是丧失了一些市场份额，但其他商业的AJAX框架却没有那么幸运了。 Spry正在迅速发展，有可能在下一年进入前十名的行列。在调查的第一天Spry并没有在调查的名单之中，后来因为它是最流行的书写工具才加入调查中(不是很明白，原句：added in as it was the most popular write in toolkit)。如果一开始就有它的话这样会更公平一些。 补充，在调查结束之后Spry的份额稍微做了调整，由原来的3.2%修改为4%。 今年(2,619)与2005 (763) 和2006 (865)的投票数量相比要高出去许多。这也足以证明Ajaxian.com越来越受人喜爱。此外，这个调查的结果使用的按全部占有率显示出来的线性图，这不是十分科学的方法。无论怎样，这个调查结果对于大家甚至是我，都可以做为一个参考。 另外，Simone Chiaretta 做出了一分面向微软开发人员关于.NET &#8230; <a href="http://icyleaf.com/2008/01/2007-ajax-tool-list/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>文字来源：<a href="http://rmh.blogs.com/weblog/" accesskey="1">I, Analyst</a><br />
文字翻译：icyleaf</p>
<p>2007年Ajax工具使用观察的统计来源是 Ajaxian.com，我只是完成了我们的第三个年度AJAX工具的使用观察工作。原始数据大家可以看<a href="http://www.surveymonkey.com/sr.aspx?sm=fXLiKcnKlD6cO5bRe961aBB6NCCWytRyY3rParAYmwA_3d" target="_blank">这里</a> &#8211; 你可以查看你喜欢的部分。那么下面公布2007年Ajax工具使用的前10是：<br />
<img src="http://rmh.blogs.com/photos/uncategorized/2007/12/14/dec2007top10_2.gif" alt="Top10" align="left" height="223" width="253" />从2005到2007年Ajax凭借着它的多元化迅速在市场占据大的份额，各种工具包和应用技术不断的增多。据统计来看大概有241个Ajax工具包和相关库。其中有在2005年大约36个，2006年有170相关技术。</p>
<p>另外一点，调查并不限于Ajax的框架和工具包 ，也包括一些Ajax方面的JavaScript的库。所有的技术分别<a href="http://ajaxpatterns.org/" target="_blank">ajaxpatterns.org</a>和以前的调查。可有还有极少数的框架已经废弃或者被人遗忘。因此这个统计结果也并不是十全十美的。</p>
<p>在过去的3年当中<a href="http://www.prototypejs.org/" target="_blank">Prototype</a>和<a href="http://script.aculo.us/" target="_blank">Script.aculo.us</a>一直处于领先地位。但这些并不能说明谁是赢家，谁是输家。现在他们（<a href="http://www.prototypejs.org/" target="_blank">Prototype</a>和<a href="http://script.aculo.us/" target="_blank">Script.aculo.us</a>）逐渐的失去了领导地位。一些最初很流行的框架现在也有些已经退出了市场（xajax 和 Rico）；而有的如一匹黑马杀入，渐渐成为“领军人物”（即 <a href="http://jquery.com/" target="_blank">jquery</a>和 <a href="http://extjs.com/" target="_blank">Ext JS</a>  ） 。在过去3年的变化图（<a href="http://rmh.blogs.com/weblog/images/2007/12/14/ajax_survey_iii_stack_chart_4.jpg" target="_blank">看图</a>）可以表明当时最流行的工具包在市场的占有率和市场份额。这意味着该市场仍然 不成熟。</p>
<p>令人惊讶的是，几乎完全没有商业的AJAX框架。 在2006年，<a href="http://www.backbase.com/" target="_blank">Backbase</a>做出了大量的成功才使得东山再起，但还是丧失了一些市场份额，但其他商业的AJAX框架却没有那么幸运了。</p>
<p><a href="http://labs.adobe.com/technologies/spry/" target="_blank">Spry</a>正在迅速发展，有可能在下一年进入前十名的行列。在调查的第一天Spry并没有在调查的名单之中，后来因为它是最流行的书写工具才加入调查中(不是很明白，原句：added in as it was the most popular write in toolkit)。如果一开始就有它的话这样会更公平一些。<br />
补充，在调查结束之后Spry的份额稍微做了调整，由原来的3.2%修改为4%。</p>
<p>今年(2,619)与2005 (763) 和2006 (865)的投票数量相比要高出去许多。这也足以证明Ajaxian.com越来越受人喜爱。此外，这个调查的结果使用的按全部占有率显示出来的线性图，这不是十分科学的方法。无论怎样，这个调查结果对于大家甚至是我，都可以做为一个参考。</p>
<p>另外，<a href="http://codeclimber.net.nz/archive/2007/12/21/.NET-Ajax-Survey-results.aspx" target="_blank">Simone Chiaretta</a> 做出了一分面向微软开发人员关于.NET Ajax的排行榜。这是一个很好的调查，有超过1000人参加调查。这说明了自我选择的调查在很大程度上取决于对个人向调查项目的了解。</p>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2008/01/2007-ajax-tool-list/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>JavaScript：12大选项卡特效</title>
		<link>http://icyleaf.com/2007/11/javascript-12-large-tab-effects/</link>
		<comments>http://icyleaf.com/2007/11/javascript-12-large-tab-effects/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 03:57:34 +0000</pubDate>
		<dc:creator>icyleaf</dc:creator>
				<category><![CDATA[网络开发]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[选项卡]]></category>

		<guid isPermaLink="false">http://www.icyleaf.cn/2007/11/25/javascript%ef%bc%9a12%e5%a4%a7%e9%80%89%e9%a1%b9%e5%8d%a1%e7%89%b9%e6%95%88/</guid>
		<description><![CDATA[选项卡英文称之为Tab Panel，先前也有介绍过一个特效，此特效和滑动门特效融合使用非常符合Web2.0的标准，昨天介绍的几个有几个属于是选项卡特效和滑动门特效的混合体，下面列举的也有和滑动门一样的脚本，而且有些脚本支持Ajax。 jQuery Coda Slider &#8211; The sliding effect is what the Coda-Slider is all about; Nice, slick content presentation jQuery的应用。目前最新版本为1.1。滑动门和选项卡的混合体，外加Ajax支持，作出了横向滑动改变各个选项卡的内容，适合做演示或者说明之类。 Perspective Tabs &#8211; Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allow for a lagre number &#8230; <a href="http://icyleaf.com/2007/11/javascript-12-large-tab-effects/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>选项卡英文称之为<strong>Tab Panel</strong>，先前也有介绍过<a href="http://www.icyleaf.cn/2007/10/27/tab-pane-bloated-websites-layout-is-not-chaos/" target="_blank">一个特效</a>，此特效和滑动门特效融合使用非常符合Web2.0的标准，昨天介绍的几个有几个属于是选项卡特效和滑动门特效的混合体，下面列举的也有和滑动门一样的脚本，而且有些脚本支持Ajax。</p>
<p><a href="http://www.ndoherty.com/demos/coda-slider/" target="_blank"> jQuery Coda Slider</a> &#8211; The sliding effect  is what the Coda-Slider is all about; Nice, slick content presentation<br />
<a href="http://www.ndoherty.com/demos/coda-slider/" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/115.jpg" alt="115.jpg" /><br />
</a><a href="http://www.icyleaf.cn/wp-admin/jquery.com" target="_blank">jQuery</a>的应用。目前最新版本为1.1。滑动门和选项卡的混合体，外加Ajax支持，作出了横向滑动改变各个选项卡的内容，适合做演示或者说明之类。</p>
<p><a href="http://people.cs.uchicago.edu/%7Emeweltman/sliding_tabs.html" target="_blank">Perspective Tabs</a> &#8211; Perspective tabs (formerly Sliding Tabs) is a simple mootools plug-in that allow for a lagre number of tabs to fit into a small space<br />
<a href="http://people.cs.uchicago.edu/%7Emeweltman/sliding_tabs.html" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/106.jpg" alt="106.jpg" /></a><br />
<a href="http://www.icyleaf.cn/wp-admin/mootools.net" target="_blank">Moo Tools</a>的应用。选项卡横向滑动，内容部分同样上下滑动，非常酷的特效脚本如果能修改修改CSS样式，前途无量啊。</p>
<p><a href="http://www.sunsean.com/idTabs/" target="_blank"><span id="more-102"></span>jQuery ID Tabs</a> &#8211; idTabs is a plugin for jQuery &#8211; It makes adding tabs into a website super simple, but it can also open the door to endless possiblities<br />
<a href="http://www.sunsean.com/idTabs/" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/210.jpg" alt="210.jpg" /><br />
</a><a href="http://www.icyleaf.cn/wp-admin/jquery.com" target="_blank">jQuery</a>的应用。试用了一番给我的感觉就像是在耍杂技，功能繁多，让人看到目不暇接。</p>
<p><a href="http://www.nyokiglitter.com/tutorials/tabs.html" target="_blank">Tab Accordion</a> &#8211; Tabbed style accordion script written with Moo.FX<br />
<a href="http://www.nyokiglitter.com/tutorials/tabs.html" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/35.jpg" alt="35.jpg" /></a><br />
滑动门和选项卡的混合体。<a href="http://www.icyleaf.cn/2007/11/25/javascript-10aaeffects/">10大滑动门特效</a>文中已经介绍过了，这里不在复述。</p>
<p><a href="http://www.dhtmlgoodies.com/index.html?whichScript=tab-view" target="_blank">XP Style Tab Panes </a>- It’s easy to configure this script. You put your content into separate DIVs and then call a javascript function which creates the tabs dynamically<br />
<a href="http://www.dhtmlgoodies.com/index.html?whichScript=tab-view" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/45.jpg" alt="45.jpg" /></a><br />
从名字就可以看出仿XP特效的选项卡效果，而且点击选项卡的X立即可以关闭点中的选项卡！！这里看演示：<a href="http://www.dhtmlgoodies.com/scripts/tab-view/tab-view-demo2.html" target="_blank">点这里哦</a>。</p>
<p><a href="http://www.stilbuero.de/jquery/tabs/" target="_blank">jQuery UI Tab</a> &#8211; jQuery plugin for accessible, unobtrusive tabs<br />
<img src="http://pdjh03.mofile.com/p/1/2007/11/26/3M/3M2MRLY30Y_103_500_320.jpg" alt="UI Tabs" height="340" width="450" /><br />
<a href="http://www.icyleaf.cn/wp-admin/jquery.com" target="_blank">jQuery</a>的应用。<a href="http://www.icyleaf.cn/2007/11/25/javascript-10aaeffects/#comment-214" target="_blank">小羽毛推荐</a>的，修改样式后效果非常的漂亮。</p>
<p><a href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo" target="_blank">jQuery Nested Tab Set with Demo</a> &#8211; Ok, there have been some changes, but I’ll try to keep it easy, with an example, and there will be an included .zip file. First, you’ll need the latest JQuery build, as well as the latest version of the Tabs Plugin. Pay attention to the pathing I have created in my code snippets here<br />
<a href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/75.jpg" alt="75.jpg" /></a><br />
<a href="http://www.icyleaf.cn/wp-admin/jquery.com" target="_blank">jQuery</a>的应用。从作者的网站发现这个特效好像改自上面的那个特效。</p>
<p><a href="http://www.fueledsoftware.com/2006/06/02/ajax-tabs-reloaded-based-on-the-havoc-studios-arti" target="_blank">Ajax Tabs Reloaded</a> &#8211; From time to time you run across a cool site or test code and think that you may use it somewhere. I thought that about the HavocStudios Ajax tab system so I went back to the site to check it out<br />
<a href="http://www.fueledsoftware.com/2006/06/02/ajax-tabs-reloaded-based-on-the-havoc-studios-arti" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/85.jpg" alt="85.jpg" /></a><br />
主要体现的Ajax特效，而且其功能可以想上面介绍的XP Style Tab Panel一样关闭选项卡还可以动态加载选项卡，同时还具有加载事件，关闭事件，失去焦点事件弹出对话框提醒的功能。这里看演示：<a href="http://blog.fueledsoftware.com/m/blogs/fueleddev/demos/demo.html" target="_blank">点这里哦</a>。</p>
<p><a href="http://wiki.script.aculo.us/scriptaculous/show/Tabs" target="_blank">Tabs in Scriptaculous</a> &#8211; This script will allow you to create interactive tabs for use in an application<br />
<a href="http://wiki.script.aculo.us/scriptaculous/show/Tabs" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/95.jpg" alt="95.jpg" /></a><br />
滑动门和选项卡的混合体。有些类似上面的Tab Accordion。</p>
<p>还有两个不知道什么原因网站无法打开，但是都可以PING通，通过代理也无法访问，也许是服务器的问题，这里暂时也把他们归为12大里面，分别是：</p>
<p><a href="http://actsasflinn.com/Ajax_Tabs/index.html" target="_blank">Ajax Tabs</a> &#8211; The purpose of doing Tabs in Ajax is not just to do something in Ajax. The context for which this is used is not for novelty<br />
<a href="http://actsasflinn.com/Ajax_Tabs/index.html" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/55.jpg" alt="55.jpg" /></a></p>
<p><a href="http://www.crackajax.net/tabs.php" target="_blank">Tabbed Page Interface</a> &#8211; There are quite a few Javascript implementations of tabbed interfaces out there on the web. How much better, though, to be able to change from pagetab to pagetab without a page refresh<br />
<a href="http://www.crackajax.net/tabs.php" target="_blank"><img src="http://tutorialblog.org/wp-content/uploads/2007/10/65.jpg" alt="65.jpg" /></a></p>
<p>文中介绍的其中10个来自tutorialblog中一文：<a href="http://tutorialblog.org/10-javascript-ajax-tabs/" target="_blank">原贴地址</a> 。</p>
]]></content:encoded>
			<wfw:commentRss>http://icyleaf.com/2007/11/javascript-12-large-tab-effects/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

