前端工具

【前端开发工具】google Chrome开发人员工具(Chrome Web Developer Tools)

前几天一个项目中的页面在Chrome和safari下撑开,Firefox,ie,opera正常,静态页面是OK的,只能找Chrome和safari下的调试工具,safari只有在MAC下有调试工具,而Chrome正式版(目前最新3.0.195.38)只有javascript控制台,css和html虽然也能调试,但是非常的不灵活,

Read More »

推荐一个PNG压缩网站

推荐一个PNG压缩网站,压缩比率还是蛮高的,好工具啊!

http://www.gracepointafterfive.com/punypng/

【前端开发小工具】unicode转换工具

unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发,1994年正式公布。随着计算机工作能力的增强,unicode也在面世以来的十多年里得到普及。更多可以查看百度百科维基百科

unicode在我们前端开发中也会偶尔用到,比如:

  1. 有些js代码使用unicode加密;
  2. 用asv和闪客精灵等flash破解工具破解出来的中文部分也是unicode编码的;
  3. css中中文最好用unicode表示,比如使用宋体是{font-family:\5b8b\4f53;},使用微软雅黑是{font-family:\5fae\8f6f\96c5\9ed1;},这样的好处是避免编码问题,同时能得到所有的主流浏览器的支持。

同事给我开发了一个unicode转换工具,主要功能是字符串和unicode互转,一般页面上,js,flash中用的是以”\u”开始的unicode,css中则是以”\”开始; Read More »

CSS 3.0 参考手册 (中文版)下载

感谢TC的ISD webteam整理和发布CSS 3.0 参考手册 (中文版)

官方地址:http://webteam.tencent.com/css3/

备受期待的 CSS 3 新功能
圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa – 加入透明色、文字阴影等等
CSS3 的出现,让代码更简洁、页面结构更合理,性能和效果得到兼顾。

ff,safari等浏览器已经支持css3了,有必要学习css3了。

下载:

CSS 3.0 参考手册 (中文版) 下载 (366k)

IETester兼容win7啦!

IETester兼容win7啦,http://www.my-debugbar.com/wiki/IETester/HomePage

IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.
New in v0.5 : IETester now working on Windows 7 !

This is an alpha release, so feel free to post comments/bugs on the IETester forum.
Requirement : Windows 7, Windows Vista or Windows XP with IE7 (Windows XP/IE6 config has some problems and IE8 instance do not work under XP without IE7)

Download IETester v0.3.5 (24MB)
(IETester v0.3.5 zipped intaller for people unable to download .exe files due to proxy limitations)

【推荐】CSS Sprites 样式生成工具 v2.3

以前也推荐过《【推荐】CSS Sprites 样式生成工具》, 原文地址: http://www.css88.com/archives/758
那时候还是1.5版本的,部分功能使用起来不灵活,所以一直没在实际开发中应用。前几天鬼哥有更新了,我又试用了一下,感觉改进了很多,真好手头有几个页面要做,就决定实际应用一下。

今天终于切页面了,CSS Sprites 样式生成工具使用起来非常方便,特别是写功能性的选项,比如是否输出宽高,复制当前样式等等,更有强大的快捷键和对改当前定义的保存,方便下次重新打开和修改。

2009-06-02_235912 Read More »

作为一名前端开发工程师居然没有IE6!

前端开发中少不了IE6测试啊,我的机器装了win7,可是win7不能运行ie6,装了ietest,一打开IE6标签,ietest就挂了,不知道ietest什么时候能在win7下正常使用;再用Internet Explorer Collection,ie6倒是装上了,但是使用起来仿佛回到了ie1时代,都不知怎么用,卸了!

网上都说装Virtual PC虚拟机,可是我的CPU是英特尔® 酷睿™2 双核T5750,居然不支持虚拟化技术,我仅代表和我一样使用英特尔® 酷睿™2 双核T5750的所有用户深切的鄙视这个cpu。

作为一名前端开发工程师居然没有IE6!天哪!

如何在win7里运行ie6啊… 现在木有ie6是相当头疼啊…

Axure RP Pro 5.5.0.1945简体中文汉化包

同事发了我一个线框图源文件,我居然打不开,原来我的版本太老了,
升级很快,网上搜索过来的。记得适用于Axure RP Pro 5.5.0.1945版,解压缩后,复制Client.dll文件到Axure安装目录,覆盖掉原同名文件。

不多说了,立即下载Axure RP Pro 5.5.0.1945简体中文汉化包。 

汉化作者:http://www.thinkjam.org/zoptuno/archives/2009/04/axure-5501945-zh.html

DW cs4的jQuery语法提示插件

2009-05-12_094626

jquery DW CS4插件:jQuery_api_for_dw4,只能用于CS4版本,用扩展管理器安装后即可使用。

点击下载DW cs4的jQuery语法提示插件:jquery_api_for_dw4

JavaScript压缩和格式化工具

jse58e8be7bca9e5928ce6a0bce5bc8fe58c96

 

JavaScript 压缩工具

这程序是由Mike Hall写的,JavaScript的压缩不是为了保护代码而压缩,而是压缩后的js代码文件可以小一倍甚至多倍,从而使这个js代码快速的下载到客户端,特别js文件较大时速度效果非常明显.

使用方法:使用下面的表单,你可以浓缩JavaScript代码.只用将任何脚本代码粘贴到输入的文本框,压下 ‘压缩’ 按钮,那浓缩的版本就出现在 ‘输出’ 里. 然后你可以使用 ‘全选’ 按钮,快速选中’输出’里的代码,剪切粘贴到一个新的源码文件.

使用该工具:http://www.css88.com/tool/ysjs/

 

JavaScript 格式化工具

1.该工具主要用于将去掉空格的代码或者压缩成一行的格式化,方便阅读,不能将加密过的js还原破解;
2.粘贴你代码到文本区域并点击格式化按钮就可以将代码格式化;支持jQuery,YUI等框架
 
使用该工具:http://www.css88.com/tool/js_beautify/