日志分类:前端工具

Underscore.js Version (1.2.3) 中文文档

时间:2011年12月13日作者:愚人码头查看次数:2,941 views评论次数:3

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

Chrome扩展:Run Selected HTML

时间:2011年12月07日作者:愚人码头查看次数:1,691 views评论次数:7

向大家推荐丸子开发的Chrome扩展:Run Selected HTML

这个扩展对于平常爱学习的同学还是比较有用的,至少我是这样感觉的哈哈,安装完扩展后,当你在阅读一些前端技术博客的时候,就可以选中页面上的html代码,然后右键点“Run Selected Code”就可以查看代码效果啦。


< !DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试一下下</title>
</head>

<body>
<h1>测试扩展</h1>
<div>安装完扩展,请选中这段html代码,然后右键点击“Run Selected Code”查看效果</div>
</body>
</html>

有任何bug或者建议,欢迎留言反馈。如果觉得工具挺方便麻烦+1或好评哦

run-selected-code

标签:分类:前端工具

使用IE过渡滤镜和CSS3中的RGBA属性完成背景色透明效果

时间:2011年10月13日作者:愚人码头查看次数:3,667 views评论次数:9

关于这个大家可以看两篇文章小志的《使用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=’#00000000′, EndColorStr=’#00000000′); }
2.颜色值选项:十六进制是从【0】到【9】以及【a】到【f】组合而成的,再来一次吧!\n如果是十六进制的缩写,是前后相邻的字母可简写成为一个,例如【#FF000FF】可转为【#F0F】\n请检查你的颜色值是否为【三位】或者符合【十六进制的组合方式】。

3.透明度现象:透明度的值在【0】到【1】之间。

工具地址:http://www.css88.com/demo/hex_color/

 

分类:前端工具

jQ中文API离线版下载(适用版本1.4.4,1.5,1.5.1,1.5.2,1.6,1.6.1,1.6.2)

时间:2011年08月04日作者:愚人码头查看次数:7,584 views评论次数:14

在众多网友的要求下jQ中文API离线版(air版本)终于整理完成发布了!
只要更新以下内容:

  1. 将原来在线版本的jQ中文API AIR客户端版本彻底改成了离线版本;
  2. 支持在线升级jQ中文API离线版,由于翻译能力和精力的原因,目前部分条目没有翻译完成,很多条目翻译很糟糕,所以当有API文档调整的时候,jQ中文API离线版将提示您更新最新版本;
  3. 美化了一下界面; 继续阅读:jQ中文API离线版下载(适用版本1.4.4,1.5,1.5.1,1.5.2,1.6,1.6.1,1.6.2)»

开源中最好的Web开发的资源

时间:2011年06月08日作者:愚人码头查看次数:8,728 views评论次数:7

转载自:http://coolshell.cn/articles/4795.html

学习HTML 5编程和设计

继续阅读:开源中最好的Web开发的资源»

jQ 中文 API 下载(适用版本1.4.4,1.5,1.5.1,1.5.2,1.6,1.6.1,1.6.2)

时间:2011年05月31日作者:愚人码头查看次数:32,876 views评论次数:14

jQuery 1.6 中文API (适用jQuery 1.6,jQuery 1.6.1,jQuery 1.6.2)

==================================================================

jQuery 1.5.1 中文API(适用jQuery 1.5.1和jQuery 1.5.2)

==================================================================

jQuery 1.5 API 中文版

==================================================================

jQuery 1.4.4 API中文版

反馈和联系

鄙人初次翻译,翻译不对的地方请多多包含,如果发现翻译错误或者有更好的建议欢迎联系我,我会改正,万分感谢!当然如果您想加入翻译我们也热烈欢迎,联系方式:

twitter:@feiwen8772

腾讯微薄:@feiwen8772

Email:admin[a]css88.com

愚人码头翻译

  1. 或者在 http://www.css88.com/jqueryapi上留言;

由于文档的关系,暂时不能提供jQuery 中文  API的chm版本,尽情见谅,真正研究解决方案,最坏的打算是可能推出air离线版;

标签:分类:jQuery, 前端工具

Firebug Console API 与命令行

时间:2011年05月29日作者:愚人码头查看次数:3,760 views评论次数:1

前几天有人问我关于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。区别是图标与样式不同。 继续阅读:Firebug Console API 与命令行»

标签:分类:前端工具

前端开发小工具集合(2011-05-24更新)

时间:2011年05月24日作者:愚人码头查看次数:10,646 views评论次数:11

收集的一些轻量级非常实用的前端开发小工具:
CSS3相关

  1. CSS3样式生成器:http://www.css88.com/tool/css3Preview/
  2. CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/
  3. CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/
  4. 背景色alpha透明工具:http://www.linxz.de/demo/hex_change.html(IE滤镜须是在一个有宽高设置的容器中,或者激活haslayout的属性。具体介绍:http://blog.linxz.de/ie_filter_css3_rgba/)–2011-01-18更新

Data URI

  1. Encode Data URL(舜子开发的)http://www.css88.com/tool/DataURL/

转码工具

  1. unicode转换工具:http://www.css88.com/archives/2093
  2. encode转换工具:http://labs.pufen.net/views/convert_encoding.php http://www.css88.com/tool/encode/convert_encoding.php(2011-05-24更新)
在线代码编辑器
  1. 小可<Little Code />是丸子制作的一个在线代码编辑器,轻松分享代码,用于提问,测试和转发代码等,是一个方便又不错的工具:http://code.wanz.im/
  2. CodeBox:http://box.linxz.cn/

继续阅读:前端开发小工具集合(2011-05-24更新)»

在IE下使用Firebug的简单功能

时间:2011年03月31日作者:愚人码头查看次数:6,970 views评论次数:10

同事啄米鸟推荐了我一个web版firebug,适用大多数浏览器,确实不出,主要可以用于IE的CSS样式调试,因为IE developer toolbar和IE8自带的调试工具太难用了。
 

 
在网页head 部分上面 这个JS 即可使用web版firebug:

“ <script type=”text/javascript” src=”https://getfirebug.com/firebug-lite.js”></script> ”

如果想查看在线的页面元素,版主给了如下方法:


<a href="javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='text/javascript';s.src='https://getfirebug.com/firebug-lite.js';d.body.appendChild(s);})();void(0);">firebug-lite</a>

运行上面的HTML代码,在 “firebug-lite” 的连接上点右键选择“添加到收藏夹”(这个应该针对IE,chrome右键没有加入收藏),把这个连接添加到收藏夹。然后打开任意一个网页,打开后,在收藏夹中找到刚才添加的这个,点一下,再等一小会儿,你就会看到 网页的右下角有“firebug”的这个工具了。

官网:http://www.getfirebug.com/firebuglite

 

标签:分类:前端工具

推荐一个Google Reader客户端FeedDemon V4.0.0.22中文版|汉化包

时间:2010年12月20日作者:愚人码头查看次数:8,587 views评论次数:17

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了!

标签:分类:前端工具
Page 1 of 9123456789