环境

写代码用Editplus +自动完成

根据自己的习惯和喜好, 自制自动完成文件, 并在工作中及时的不断的丰富和修正, 尽量最简化常用书写. 爽!

用 ^! 设置自动完成后光标的位置, 更加提高效率. 举例:

w=width:^!px;

bg=background:transparent url(^!) left top no-repeat;

!=!important

ver=verdana

dc=<div class="^!"></div>

c=class="^!"

等等, 还可以设置为常用的代码片段或结构, 例如:

jqr=<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

jsc=<script type="text/javascript">
// <![CDATA[
^!
// ]]>
</script>

等等. 但还是建议能够熟练的完全书写后再使用自动完成(特别是css), 以免依赖, 做到没有自动完成也能够熟练的写, 只是慢一点.

 

 

用红蜻蜓抓图精灵为网页"吊线"

红蜻蜓抓图精灵是优秀的截图软件, 重构页面时必不可少的备用工具, 还有一个作用就是利用黑色十字线检验元素的对齐.

根据喜好设置捕捉快捷键, 我设置的Ctrl+Shift+Z

 

 

小巧方便的屏幕取色工具GetColor

我说的是那个163k的GetColor.exe, 复制取得的颜色的html代码很方便, 链接的鼠标悬停颜色等动态颜色的取得也方便:

停止取色的状态下, 先focus"开始取色"按钮, 然后鼠标移到链接上, 按下空格或回车, 这样就取得链接悬停颜色了.

 

 

Spoon Browser Sandbox

Spoon是个很有意思的网站, 其中的http://www.spoon.net/Browsers我每天都在使用, 五大浏览器的各主要版本都有, 最近又增加了ie9, 用来做网页的兼容性测试再好不过了, 从此ieTester被我丢进了垃圾桶, 也不用为了测试安装各种浏览器, 但就是要访问这个网站才能使用, 并且使用前要注册和下载安装插件, 第一次使用每一种浏览器时要等待缓冲. 综合来看我觉得更好用, 集成, 稳定, 真实, 是他的强势.