一直觉得前端开发缺个手册,这是个体力活。不过总得有人来干。
今天闲来无事,把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。
国外CSS酷站欣赏
forcss.Com
http://www.forcss.com
http://www.urbantrash.net/cssgallery/
http://www.csselite.com/
http://www.cssheroes.com/
在线工具集
常用Firefox插件
IE下的调试工具
参考手册
批处理工具
IDE及其他工具
Bookmarklet
前端开发者社区及权威网站
推荐订阅的博客和网站
另外还搞了个Firefox插件《前端开发工具集》,把资源整合到一个菜单下,方便查询。数据放在线上(Google AppEngine),速度应该会有保证,更新也会比较方便哈,见图。
在线工具集
书籍类:
Book Shelf 2.0 beta —— 荐,分类很清晰,下载很方便
Book Go!
原版图书免费下载链接收集站
51CNNET.NET
JavaScript类:
Beautify JavaScript —— JavaScript格式化工具,效果很理想
AJAX Libraries API
Regex Tester
Compressor Packer —— 以前一直用这个压JS,自从有了TBCompressor,就放弃他了
CSS类:
CSS选择器性能测试
CSSTidy —— CSS格式化工具
CSS Compressor —— CSS压缩
其他:
GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
W3Counter
WebWait - Benchmark Your Website
常用Firefox插件
支付宝安全控件 和 旺旺协议 —— 网购专用,Firefox+浦发网银,无敌了
Firebug —— 这个不用介绍了吧,附空帏的外部编辑器乱码修正版
Firecooike —— 支持Cookie的查看和编辑
Jiffy —— 调试性能的,用起来比较麻烦,没试过
YSlow —— Why Slow? YUI出品
Pixel Perfect —— 把设计稿直接拖到Firefox里进行对比
Rainbow for Firebug —— JS高亮,性能不是很理想
Fiddler 开关 —— 简化在Firefox里切换Fiddler的操作,感谢Taobao UED的空帏同学
Web Developer
DevBoi —— 把Html, Dom, JavaScript等手册放在侧栏里,可以自定义增加,快捷键Ctrl+F9。可以在这里找到更多的Package。
RefControl —— 针对每个站点发送想要的HTTP Referer
GreaseMonkey —— 看某个网站不爽,写个小脚本来优化下还是不错的
HttpFox —— 查看当前Http链接状态,类似IE下的HttpWatch
User Agent Switcher —— 切换User-Agent,同时开发iphone和web版本的时候很方便
FoxyProxy —— 穿墙工具,配合专业代理公布器使用很和谐
IE下的调试工具
Fiddle2 —— 非常强悍的一款http流查看工具,默认支持IE,其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述"Fiddler 开关"进行快速切换。支持插件。
IE Developer Toolbar —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能,IE8自带了一个加强版的。
Microsoft Script Debugger + Companion.JS —— 调试JS用,虽然报错还是有误差,但是我已经满足了。安装顺序是:Microsoft Script Debugger,Companion.JS,在"IE选项-高级"里取消禁用脚本调试。
多版本IE共存两种方案:
IE7/8 + IE Tester —— 大众型配置,可以基本满足日常需要。
IE6 + Internet Explorer Collection —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代,我还是推荐这种方案,因为只有神奇的原装IE 6,才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话,建议再装个IE 8 + IE Tester,因为IE 8下的Developer Toolbar还是有很大改进的,调试起来会方便一些。
以下三个软件相对不重要些:
HttpWatch —— http流查看
Instant Source —— 可查看JS生成的源码
NetLimiterPro —— 网速限制
参考手册
XHTML、CSS & DOM W3C 手册 —— 玉伯整理的版本,包含了W3C手册以及其他有用的资料。
苏昱的CSS中文手册和Dom中文手册
JScript语言参考
XML指南
XMLHTTP参考手册
jQuery 1.2.6 API和jQuery and jQuery UI Reference 1.2
Apache 2.2 中文版参考手册在线版
MySQL 5.1 参考手册 (在线版)
PHP手册
YUI Cheatsheet
Cheat Sheet Roundup - Over 30 Cheatsheets for developers
23个Cheatsheet打包下载
批处理工具
TBCompressor —— 淘宝UED的JS/CSS压缩工具,详见玉伯的介绍
pngOptimizer —— png优化工具
jpegTran —— jpeg去冗余meta工具
IDE及其他工具
Editplus v301 汉化版
Tortoise SVN
移动版本的 Apache + PHP —— 灰常灰常好用,灰常灰常移动,见明城的说明
…
Bookmarklet(右键另存)
Firebug Lite —— 官方介绍
Xray —— 官方介绍
MRI —— 官方介绍
'+ window.document.documentElement.outerHTML+ ''">查看生成的源码,'+ window.document.documentElement.outerHTML+ '');})()">打开新窗口查看生成的源码—— for IE
开发者社区及权威网站
Mozilla Developer Center (MDC)
YAHOO! Developer Network (YDN)
Dev.Opera
Apple Developer Connection
MSDN
IBM Developers中国 (Web 前端开发技术专题)
WebKit
AOL Developer Network
SlideShare - Share PPT —— 在线PPT分享,资源丰富
Google Doctype —— Web开发人员的百科全书
W3C (香港,中国)
Position Is Everything
HTML Dog
维基百科
分享到:
相关推荐
前端开发人员,非常便捷的一个取色工具,点击放大取色,右键取消,默认保存,直接复制。
包括前端开发所有的常见工具,真可谓是一站式保姆
thinkphp前端开发必备工具firebug,php开发人员必备工具。
前端开发人员取色器
前端开发人员手册 2017 版。这是一本任何人都可以用来了解前端开发的使用指南,广泛概述并讨论了前端工程的实践:如何学习前端知识以及在2017年使用什么工具进行开发
用于前端开发人员编写html时取色使用,可以快速选取自己想要的颜色对应的编码
开发人员工具就是是为前端开发人员开发页面而设计的工具。让你可以方便的查找页面的bug,包括html代码、css代码和JavaScript代码。同时,他也提供了一些小工具,例如取色、屏幕尺子等。
HTML开发像素测量工具,可以检测出像素的大小,方便前端人员开发
以W3C Web规范为基础展开讨论,介绍Web前端开发中的*实践方法及编码风格,为Web前端开发人员快速成长提供一条捷径。 介绍近年来涌现出来并已经得到广泛应用的大量工具和技术方案,为开发人员从事Web前端开发打下坚实...
前端开发人员所需的所有工具和技术___下载.zip
以W3C Web规范为基础展开讨论,介绍Web前端开发中的*实践方法及编码风格,为Web前端开发人员快速成长提供一条捷径。 介绍近年来涌现出来并已经得到广泛应用的大量工具和技术方案,为开发人员从事Web前端开发打下坚实...
IE开发人员工具 F12调试工具 就是为前端开发人员开发页面而设计的工具 提供一系列的小工具 让你可以方便的查找 调试页面的BUG 包括HTML代码 CSS代码和JavaScript代码 同时 他也提供了一些虽然比较鸡肋 但是还能...
前端开发人员构建过程,使用最新的工具gulp来让你启动并运行。可以使用它作为你自己构建过程的样板或教程。
FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...
精品软件工具--前端辅助是一款前端开发人员辅助软件.它集成有画框生成CSS、IE Dom调试插件、屏幕取色、屏幕放大镜
CVS 是RCS的前端工具,它是用于多用户并行开发的版本控制工具,它的最大特点是使用了“copy-modify-merge”机制
研发人员定义为:对于公司启动的一项开发工作,从开始调研到总结结束,整个研发工作过程中参与的所有人员,包含业务调研,开发,测试后期运维的相关人员。 1.2 角色和职责 开发用户界面。与服务端通讯。能够在用户...
访问强大的WebKit开发人员检查器,该检查器支持为每个视口调试单独的代码。 编辑更快 快速访问项目中的所有文件,节省时间。点击即可在您的常规编辑应用程序中立即打开这些文件。 多个工作区 只需点击几下,您就...
前端开发人员的工作清单 角工作 JS忍者工作委员会 正宗的工作 编码器墙 在初创公司工作 阿瓦德 Tuts +工作 我们远程工作 天使清单 小杰夫·乔布斯 新鲜工作 职员 CodePen职位 登陆工作 whoishiring....