<?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>WEB前端开发 &#187; 前端工具</title>
	<atom:link href="http://www.css88.com/archives/category/develop-tool/feed" rel="self" type="application/rss+xml" />
	<link>http://www.css88.com</link>
	<description>专注前端开发，关注用户体验</description>
	<lastBuildDate>Sat, 04 Feb 2012 07:22:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Underscore.js Version (1.2.3) 中文文档</title>
		<link>http://www.css88.com/archives/4289</link>
		<comments>http://www.css88.com/archives/4289#comments</comments>
		<pubDate>Tue, 13 Dec 2011 07:40:02 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[JS]]></category>
		<category><![CDATA[前端工具]]></category>
		<category><![CDATA[开发资源]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=4289</guid>
		<description><![CDATA[Underscore 一个非常实用的JavaScript库，提供许多编程功能的支持，就像你期望 Prototype.js (或者 Ruby), 有这些功能且不扩展任何JavaScript的原生对象。有函数式编程的风格，还支持链式调用。主要涉及对Collection、Object、Array、Function的操作，还有一些实用方法。可以说是写JavaScript程序的必用类库。 Underscore.js Version (1.2.3) 中文文档：http://www.css88.com/doc/underscore/ 注：Collections和Functions翻译来自http://wangjianjun.github.com/underscore/underscore.html Underscore.js Version (1.2.3) 源码解析：http://www.css88.com/doc/underscore/docs/underscore.html Underscore.js 测试： http://www.css88.com/doc/underscore/test/test.html http://www.css88.com/doc/underscore/test/temp_tests.html 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《Underscore.js Version (1.2.3) 中文文档》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/4289/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Chrome扩展：Run Selected HTML</title>
		<link>http://www.css88.com/archives/4259</link>
		<comments>http://www.css88.com/archives/4259#comments</comments>
		<pubDate>Wed, 07 Dec 2011 05:14:55 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>
		<category><![CDATA[Chrome扩展]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=4259</guid>
		<description><![CDATA[向大家推荐丸子开发的Chrome扩展：Run Selected HTML 这个扩展对于平常爱学习的同学还是比较有用的，至少我是这样感觉的哈哈，安装完扩展后，当你在阅读一些前端技术博客的时候，就可以选中页面上的html代码，然后右键点“Run Selected Code”就可以查看代码效果啦。 &#60; !DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62; &#60;title&#62;测试一下下&#60;/title&#62; &#60;/head&#62; &#60;body&#62; &#60;h1&#62;测试扩展&#60;/h1&#62; &#60;div&#62;安装完扩展，请选中这段html代码，然后右键点击“Run Selected Code”查看效果&#60;/div&#62; &#60;/body&#62; &#60;/html&#62; 有任何bug或者建议，欢迎留言反馈。如果觉得工具挺方便麻烦+1或好评哦 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《Chrome扩展：Run Selected HTML》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/4259/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果</title>
		<link>http://www.css88.com/archives/4136</link>
		<comments>http://www.css88.com/archives/4136#comments</comments>
		<pubDate>Thu, 13 Oct 2011 08:27:27 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=4136</guid>
		<description><![CDATA[关于这个大家可以看两篇文章小志的《使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果》和小鱼的《背景半透明最佳实践》，这里就不展开了，这里提供一个小志的CSS背景颜色属性值转换工具，并在他的基础上做了少许的修改，还有就是被小志严重鄙视的去掉了提示！嘎嘎！ 关于工具： 实现各个浏览器中具备良好的透明特性的效果，IE中使用私有滤镜filter，高端浏览器使用CSS3中的rgba属性。 输入十六进制的颜色值以及透明度，自动在IE的过渡滤镜以及CSS3中的rgba属性之间进行十六进制与十进制的换算。 说明： 1.样式名选项，例如：.rgba，填样式名选项后会自动导出IE9的兼容方案，不填样式名直接输出样式属性，请自己写IE9的hack 单独把 IE9 的 filter 变成透明度为 0 即可。高级浏览器大部分支持 :root 伪类，但不支持 filter 属性，而 IE 只有 IE9 支持，所以我们可以这样写。代码如下： :root .rgba{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=&#8217;#00000000&#8242;, EndColorStr=&#8217;#00000000&#8242;); } 2.颜色值选项：十六进制是从【0】到【9】以及【a】到【f】组合而成的，再来一次吧！\n如果是十六进制的缩写，是前后相邻的字母可简写成为一个，例如【#FF000FF】可转为【#F0F】\n请检查你的颜色值是否为【三位】或者符合【十六进制的组合方式】。 3.透明度现象：透明度的值在【0】到【1】之间。 工具地址：http://www.css88.com/demo/hex_color/ &#160; 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/4136/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>jQ中文API离线版下载(适用版本1.4.4，1.5，1.5.1，1.5.2，1.6，1.6.1，1.6.2)</title>
		<link>http://www.css88.com/archives/3941</link>
		<comments>http://www.css88.com/archives/3941#comments</comments>
		<pubDate>Thu, 04 Aug 2011 13:54:58 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[前端工具]]></category>
		<category><![CDATA[开发资源]]></category>
		<category><![CDATA[jQ API]]></category>
		<category><![CDATA[jQ中文API]]></category>
		<category><![CDATA[jQ中文API离线版]]></category>
		<category><![CDATA[离线版]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=3941</guid>
		<description><![CDATA[在众多网友的要求下jQ中文API离线版（air版本）终于整理完成发布了！ 只要更新以下内容： 将原来在线版本的jQ中文API AIR客户端版本彻底改成了离线版本； 支持在线升级jQ中文API离线版，由于翻译能力和精力的原因，目前部分条目没有翻译完成，很多条目翻译很糟糕，所以当有API文档调整的时候，jQ中文API离线版将提示您更新最新版本； 美化了一下界面； jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2) jQuery 1.6 中文 API 在线版：jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2) jQuery 1.6 中文API离线版AIR客户端下载：jQuery 1.6 中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR &#160; ================================================================== jQuery 1.5.1 中文API(适用jQuery 1.5.1和jQuery 1.5.2) jQuery 1.5.1 中文 API 在线版：jQuery 1.5.1 API 中文版 jQuery 1.5.1 中文 API离线版AIR客户端下载：jQuery 1.5.1 中文 API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR ================================================================== jQuery 1.5 API 中文版 jQuery [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/3941/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>开源中最好的Web开发的资源</title>
		<link>http://www.css88.com/archives/3697</link>
		<comments>http://www.css88.com/archives/3697#comments</comments>
		<pubDate>Wed, 08 Jun 2011 09:14:22 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[html5+css3]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[前端工具]]></category>
		<category><![CDATA[前端资源]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=3697</guid>
		<description><![CDATA[转载自：http://coolshell.cn/articles/4795.html 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla，效果很炫。 WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。 ★ StackOverflow : 大名鼎鼎的技术问答式论坛。 ★ Addyosmani, jQuery 和 JavaScript 文章教程 Sohtanaka, jQuery 和 JavaScript 文章和教程 ★ Nettuts+ 是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails. Codrops, 教程和 web 资源 WebAppers, 最好的开源资源 Tutorialzine – [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/3697/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>jQ 中文 API 下载(适用版本1.4.4，1.5，1.5.1，1.5.2，1.6，1.6.1，1.6.2)</title>
		<link>http://www.css88.com/archives/3134</link>
		<comments>http://www.css88.com/archives/3134#comments</comments>
		<pubDate>Tue, 31 May 2011 01:00:49 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[前端工具]]></category>
		<category><![CDATA[jQuery API]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=3134</guid>
		<description><![CDATA[jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2) jQuery 1.6 中文 API 在线版：jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2) jQuery 1.6 中文API 离线版AIR客户端下载：jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2)AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR ================================================================== jQuery 1.5.1 中文API(适用jQuery 1.5.1和jQuery 1.5.2) jQuery 1.5.1 中文 API 在线版：jQuery 1.5.1 API 中文版 jQuery 1.5.1 中文 API AIR客户端下载：jQuery 1.5.1 API 中文版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR ================================================================== jQuery 1.5 API 中文版 jQuery 1.5 [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/3134/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Firebug Console API 与命令行</title>
		<link>http://www.css88.com/archives/3678</link>
		<comments>http://www.css88.com/archives/3678#comments</comments>
		<pubDate>Sun, 29 May 2011 12:53:05 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>
		<category><![CDATA[Firebug]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=3678</guid>
		<description><![CDATA[前几天有人问我关于firebug console的问题，其实我平时用的最多也就是console.log,相当于alert()。还真没深入了解其他的api，今天在jsmix上看到了，所以转载过来分享一下 Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助。 console.log(object[, object, ...]) 使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的。下面两行代码执行的结果是相同的： console.log(“The %s jumped over %d tall buildings”, animal, count); console.log(“The”, animal, “jumped over”, count, “tall buildings”); console.debug(object[, object, ...]) 向控制台输出一条信息，它包括一个指向该行代码位置的超链接。 console.info(object[, object, ...]) 向控制台输出一条信息，该信息包含一个表示“信息”的图标，和指向该行代码位置的超链接。 console.warn(object[, object, ...]) 同 info。区别是图标与样式不同。 console.error(object[, object, ...]) 同 info。区别是图标与样式不同。error 实际上和 throw [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/3678/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>前端开发小工具集合（2011-05-24更新）</title>
		<link>http://www.css88.com/archives/3024</link>
		<comments>http://www.css88.com/archives/3024#comments</comments>
		<pubDate>Tue, 24 May 2011 03:30:40 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>
		<category><![CDATA[前端开发]]></category>
		<category><![CDATA[前端开发工具]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=3024</guid>
		<description><![CDATA[收集的一些轻量级非常实用的前端开发小工具： CSS3相关 CSS3样式生成器：http://www.css88.com/tool/css3Preview/ CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/ CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/ 背景色alpha透明工具：http://www.linxz.de/demo/hex_change.html（IE滤镜须是在一个有宽高设置的容器中，或者激活haslayout的属性。具体介绍：http://blog.linxz.de/ie_filter_css3_rgba/）&#8211;2011-01-18更新 Data URI Encode Data URL(舜子开发的)http://www.css88.com/tool/DataURL/ 转码工具 unicode转换工具：http://www.css88.com/archives/2093 encode转换工具：http://labs.pufen.net/views/convert_encoding.php &#124; http://www.css88.com/tool/encode/convert_encoding.php（2011-05-24更新） 在线代码编辑器 小可&#60;Little Code /&#62;是丸子制作的一个在线代码编辑器，轻松分享代码，用于提问，测试和转发代码等，是一个方便又不错的工具：http://code.wanz.im/ CodeBox：http://box.linxz.cn/ Javascript相关 html结构转换成用+相连的js换行字符串工具：http://www.html-js.com/my-js/version0.0.1/tool/html2string.html JS压缩工具 ：http://www.css88.com/tool/ysjs/ JavaScript 格式化工具：http://www.css88.com/tool/js_beautify/ CSS相关 css属性排序工具：http://www.html-js.com/my-js/version0.0.1/tool/css-format.html CSS整形和优化工具：http://www.css88.com/tool/csstidy/ 其他相关工具 PNG压缩网站：http://www.gracepointafterfive.com/punypng/ 【FF插件】图片压缩工具Smush it：http://www.css88.com/archives/1201 截图，取色，量尺寸，屏幕录制工具(FastStone Capture)：http://www.css88.com/archives/1096 ajax loading 图标在线制作及收藏：http://www.css88.com/archives/1182 欢迎大家留言推荐前端开发小工具，不胜感激！ 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《前端开发小工具集合（2011-05-24更新）》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/3024/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>在IE下使用Firebug的简单功能</title>
		<link>http://www.css88.com/archives/3392</link>
		<comments>http://www.css88.com/archives/3392#comments</comments>
		<pubDate>Thu, 31 Mar 2011 07:03:47 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>
		<category><![CDATA[Firebug]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=3392</guid>
		<description><![CDATA[同事啄米鸟推荐了我一个web版firebug，适用大多数浏览器，确实不出，主要可以用于IE的CSS样式调试，因为IE developer toolbar和IE8自带的调试工具太难用了。 &#160; &#160; 在网页head 部分上面 这个JS 即可使用web版firebug： “ &#60;script type=”text/javascript” src=”https://getfirebug.com/firebug-lite.js”&#62;&#60;/script&#62; ” 如果想查看在线的页面元素，版主给了如下方法： &#60;a href=&#34;javascript:(function(){var d=document, s=d.getElementById(&#039;firebug-lite&#039;);if(s!=null)return;s=d.createElement(&#039;script&#039;);s.type=&#039;text/javascript&#039;;s.src=&#039;https://getfirebug.com/firebug-lite.js&#039;;d.body.appendChild(s);})();void(0);&#34;&#62;firebug-lite&#60;/a&#62; 运行上面的HTML代码，在 “firebug-lite” 的连接上点右键选择“添加到收藏夹”（这个应该针对IE，chrome右键没有加入收藏），把这个连接添加到收藏夹。然后打开任意一个网页，打开后，在收藏夹中找到刚才添加的这个，点一下，再等一小会儿，你就会看到 网页的右下角有“firebug”的这个工具了。 官网：http://www.getfirebug.com/firebuglite &#160; 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《在IE下使用Firebug的简单功能》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/3392/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>推荐一个Google Reader客户端FeedDemon V4.0.0.22中文版&#124;汉化包</title>
		<link>http://www.css88.com/archives/2877</link>
		<comments>http://www.css88.com/archives/2877#comments</comments>
		<pubDate>Mon, 20 Dec 2010 08:41:24 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>
		<category><![CDATA[Google Reader]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=2877</guid>
		<description><![CDATA[FeedDemon下载地址：http://www.bradsoft.com/ FeedDemon是Windows平台最棒的RSS阅读器，它免费，并且易于安装。FeedDemon包含许多其他工具所没有的可自定义的选项，部分功能如下： Google Reader同步，这可以让你在不同的地点共享feed内容。 离线阅读， 分享功能，可以让你和你的朋友分享一篇文章。 添加标签，feed管理更容易。 监视，能够根据预设的关键字及时通知你。 搜索, 轻而易举查找到你错过的feed更新。 其实FeedDemon已经算是个很老的RSS阅读器了，自从有RSS这东西后，很多人都很爱用FeedDemon来订阅、阅读自己有兴趣的部落格或网站新文章。 跟一般RSS阅读器一样，FeedDemon支援多种RSS格式，可随时订阅数不尽的网路新资讯。 也由于他是客户端（安装在使用者电脑里）的应用程式，所以在操作上会比网路版的RSS订阅服务来得顺畅一些、设定也更有弹性。 而FeedDemon里面有个比较特别的功能是可以支援Google Reader帐户的同步订阅功能，我们可以在FeedDemon软件中设定好你的Google Reader帐号，直接在阅读视窗中阅读你喜欢的文章，有新文章的时候也可主动跳出窗口通知你。 附送一个简体中文语言包：点击下载（翻译水平有限，尽情谅解！部分翻译来自繁体版，感谢Jedi (http://Jedi.org/blog/)） 使用方法：将解压后的Chinese (Simplified).fdlang4拷贝到“FeedDemon安装目录\Data\lang”文件下。然后打开FeedDemon-Tool-Options-Language，选择你简体中文就OK了！ 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《推荐一个Google Reader客户端FeedDemon V4.0.0.22中文版&#124;汉化包》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/2877/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

