转自:http://www.osmn00.com/tools/
前端工具
来自自身收集及网上资源整理,从实用性的角度进行了取舍,不是见一个列入一个。另外常见(如DW)的并未列入其中。
下面的链接,部分不是指向其官网,而是链接向相关原创博文的链接。目的即是能使用户直观了解其使用方法,也是支持原创优质博文。
编辑器软件 名称 | 文章 |
Eclipse | |
Aptana | |
VIM | |
Notepad++QuickText | |
原型设计 名称 | 文章 |
Axure RP | |
UIDesigner | |
Balsamiq Mockups | |
OmniGraffle | |
PC端实用小工具 名称 | 介绍 |
| UI标准的神器 |
| CDC出品的UI标注工具 |
| 出品,目前最新版本为3.2.1。 |
| 堂主自用的一款小巧的屏幕取色软件 |
| 一款无广告的取色器 |
| 取色+测距 |
| 集合版桌面辅助工具 |
| 出品样式合并工具,最新版v1.9.20110301 |
| 国人出品的JS/CSS压缩工具 |
PC端浏览器模拟工具 名称 | 介绍 |
| 不多介绍了 |
| 微软出品的IE集成调试工具,且不仅仅如此 |
浏览器插件 名称 | 介绍 |
验证 | | 不多介绍了 |
| Yahoo出品的页面性能检测工具 |
| Google出品的页面性能检测工具 |
Chrome | 右键 -- “审查元素” |
IE | | 微软推出的IE中调试工具 |
| 微软出的针对IE的JS调试工具,不稳定 |
| Office自带的JS调试工具 |
| MySpace针对IE的开源测试插件 |
Safari | 1) 设置 - 偏好设置 - 高级 - 勾选“在菜单栏中显示‘开发’菜单”2) 后菜单 - 开发 - 显示WEB检查器 |
Opera | 右键 - 检查元素 |
在线前端应用工具 名称 | 介绍 |
验证 | 验证HTML | |
验证CSS | |
验证XHTML | |
验证HTML5 | |
验证XML | (仅限IE) |
验证WML | (仅限IE) |
压缩 | PNG压缩 | |
HTML压缩 | |
CSS压缩/格式化 | |
JS压缩 | |
JS格式化 | |
| 用于模拟多款移动终端设备的浏览体验 |
| 对网页同时进行 Page Speed和YSlow的检测考评 |
| CSS3 Selectors Test - 检测当前浏览器支持多少CSS3选择器 |
| 在线检测当先浏览器对HTML5的支持情况 |
| CSS Text Wrapper 在线创建文本围绕不规则形状。 |