前端开发大众手册(包括工具、网址、经验等)

[b]国外CSS酷站欣赏 [/b]
[url=http://www.forcss.com/]forcss.Com [/url]
http://www.forcss.com
http://www.urbantrash.net/cssgallery/
http://www.csselite.com/
http://www.cssheroes.com/

快捷导航：
在线工具集
常用Firefox插件
IE下的调试工具
参考手册
批处理工具
IDE及其他工具
Bookmarklet
前端开发者社区及权威网站
推荐订阅的博客和网站
另外还搞了个Firefox插件[url=https://addons.mozilla.org/zh-CN/firefox/addon/9385]《前端开发工具集》[/url]，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便。

在线工具集
书籍类：
[url=http://book.mvnsearch.org/]Book Shelf 2.0 beta[/url] —— 荐，分类很清晰，下载很方便
[url=http://www.bookgo.org/]Book Go![/url]
[url=http://www.cnshare.org/]原版图书免费下载链接收集站[/url]
[url=http://www.51cnnet.net/]51CNNET.NET[/url]
JavaScript类：
[url=http://elfz.laacz.lv/beautify/]Beautify JavaScript[/url] —— JavaScript格式化工具，效果很理想
[url=http://code.google.com/apis/ajaxlibs/]AJAX Libraries API[/url]
[url=http://regexpal.com/]Regex Tester[/url]
[url=http://dean.edwards.name/packer/]Compressor Packer[/url] —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了
CSS类：
[url=http://mootools.net/slickspeed/]CSS选择器性能测试[/url]
[url=http://www.osxcn.com/csstidy/]CSSTidy[/url] —— CSS格式化工具
[url=http://www.cssdrive.com/index.php/main/csscompressor/]CSS Compressor[/url] —— CSS压缩
其他：
[url=http://www.guidgen.com/]GUID 生成器[/url] —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
[url=http://www.w3counter.com/globalstats.php]W3Counter[/url]
[url=http://webwait.com/]WebWait[/url] - Benchmark Your Website
常用Firefox插件
[url=https://addons.mozilla.org/zh-CN/firefox/addon/6707]支付宝安全控件[/url] 和 [url=https://addons.mozilla.org/zh-CN/firefox/addon/8625]旺旺协议[/url] —— 网购专用，Firefox+浦发网银，无敌了
[url=https://addons.mozilla.org/zh-CN/firefox/addon/1843]Firebug[/url] —— 这个不用介绍了吧，附空帏的[url=http://www.quchao.com/entry/fix-encoding-bug-with-open-with-editor-in-firebug/]外部编辑器乱码修正版[/url]
[url=https://addons.mozilla.org/zh-CN/firefox/addon/6683]Firecooike[/url] —— 支持Cookie的查看和编辑
[url=https://addons.mozilla.org/zh-CN/firefox/addon/7613]Jiffy[/url] —— 调试性能的，用起来比较麻烦，没试过
[url=https://addons.mozilla.org/zh-CN/firefox/addon/5369]YSlow[/url] —— Why Slow? YUI出品
[url=https://addons.mozilla.org/zh-CN/firefox/addon/7943]Pixel Perfect[/url] —— 把设计稿直接拖到Firefox里进行对比
[url=https://addons.mozilla.org/zh-CN/firefox/addon/7575]Rainbow for Firebug[/url] —— JS高亮，性能不是很理想
[url=https://addons.mozilla.org/zh-CN/firefox/addon/9373]Fiddler 开关[/url] —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学
[url=https://addons.mozilla.org/zh-CN/firefox/addon/60]Web Developer[/url]
[url=https://addons.mozilla.org/en-US/firefox/addon/1673]DevBoi[/url] —— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在[url=http://www.martincohen.info/products/devboi/packages/]这里[/url]找到更多的Package。
[url=https://addons.mozilla.org/zh-CN/firefox/addon/953]RefControl[/url] —— 针对每个站点发送想要的HTTP Referer
[url=https://addons.mozilla.org/zh-CN/firefox/addon/748]GreaseMonkey[/url] —— 看某个网站不爽，写个小脚本来优化下还是不错的
[url=https://addons.mozilla.org/zh-CN/firefox/addon/6647]HttpFox[/url] —— 查看当前Http链接状态，类似IE下的HttpWatch
[url=https://addons.mozilla.org/zh-CN/firefox/addon/59]User Agent Switcher[/url] —— 切换User-Agent，同时开发iphone和web版本的时候很方便
[url=https://addons.mozilla.org/zh-CN/firefox/addon/2464]FoxyProxy[/url] —— 穿墙工具，配合[url=http://www.8558.org/]专业代理公布器[/url]使用很和谐
IE下的调试工具
[url=http://www.fiddler2.com/]Fiddle2[/url] —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述"Fiddler 开关"进行快速切换。支持[url=http://www.fiddler2.com/Fiddler2/extensions.asp]插件[/url]。
[url=http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en]IE Developer Toolbar[/url] —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。
[url=http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en]Microsoft Script Debugger[/url] +[url=http://www.my-debugbar.com/wiki/CompanionJS/HomePage] Companion.JS[/url] —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在"IE选项-高级"里取消禁用脚本调试。
多版本IE共存两种方案：
IE7/8 + [url=http://www.my-debugbar.com/wiki/IETester/HomePage]IE Tester[/url] —— 大众型配置，可以基本满足日常需要。
[url=http://finalbuilds.edskes.net/iecollection.htm]IE6 + Internet Explorer Collection[/url] —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。
以下三个软件相对不重要些：
[url=http://www.box.net/shared/i9ipe3nxh2]HttpWatch[/url] —— http流查看
[url=http://www.box.net/shared/qtdje57m5d]Instant Source[/url] —— 可查看JS生成的源码
[url=http://www.box.net/shared/d361kjx8r8]NetLimiterPro[/url] —— 网速限制
参考手册
[url=http://www.box.net/shared/botkpkrscf]XHTML、CSS & DOM W3C 手册[/url] —— [url=http://lifesinger.org/]玉伯[/url]整理的版本，包含了W3C手册以及其他有用的资料。

苏昱的[url=http://assets.chencheng.org/resources/manual/css.chm]CSS中文手册[/url]和[url=http://assets.chencheng.org/resources/manual/dom.chm]Dom中文手册[/url]
[url=http://assets.chencheng.org/resources/manual/js.chm]JScript语言参考[/url]
[url=http://assets.chencheng.org/resources/manual/xml.chm]XML指南[/url]
[url=http://assets.chencheng.org/resources/manual/xmlhttp.chm]XMLHTTP参考手册[/url]
[url=http://assets.chencheng.org/resources/manual/jquery-126-api.chm]jQuery 1.2.6 API[/url]和[url=http://assets.chencheng.org/resources/manual/jQuery-and-jQuery-UI-Reference-1.2.chm]jQuery and jQuery UI Reference 1.2[/url]
[url=http://assets.chencheng.org/resources/manual/apache_manual_2.2/index.html]Apache 2.2 中文版参考手册在线版[/url]
[url=http://www.box.net/shared/dujtrpyf65]MySQL 5.1 参考手册[/url] [url=http://assets.chencheng.org/resources/manual/mysql-manual-5.1-zh/index.html](在线版)[/url]
[url=http://www.box.net/shared/aaif34xiz7]PHP手册[/url]
[url=http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip]YUI Cheatsheet[/url]
[url=http://www.petefreitag.com/item/455.cfm]Cheat Sheet Roundup - Over 30 Cheatsheets for developers[/url]
[url=http://www.box.net/shared/30n9e5z3pf]23个Cheatsheet打包下载[/url]
批处理工具
[url=http://lifesinger.org/blog/wp-content/uploads/2008/10/TBCompressor_v2.4.zip]TBCompressor[/url] —— 淘宝UED的JS/CSS压缩工具，详见[url=http://lifesinger.org/blog/?p=464]玉伯的介绍[/url]
[url=http://assets.chencheng.org/resources/bat/pngOptimizer.zip]pngOptimizer[/url] —— png优化工具
[url=http://assets.chencheng.org/resources/bat/jpegTran.zip]jpegTran[/url] —— jpeg去冗余meta工具
IDE及其他工具
[url=http://www.box.net/shared/utgl7vyl0u]Editplus v301 汉化版[/url]
[url=http://bbs.iusesvn.com/forum-7-1.html]Tortoise SVN[/url]
[url=http://www.box.net/shared/lnlr2yjbgj]移动版本的 Apache + PHP[/url] —— 灰常灰常好用，灰常灰常移动，见[url=http://www.gracecode.com/Archive/Display/2235]明城的说明[/url]
…
Bookmarklet(右键另存)
Firebug Lite —— [url=http://getfirebug.com/lite.html]官方介绍[/url]
Xray —— [url=http://www.westciv.com/xray/index.html]官方介绍[/url]
MRI —— [url=http://www.westciv.com/mri/]官方介绍[/url]
‘+ window.document.documentElement.outerHTML+ ”">查看生成的源码，‘+ window.document.documentElement.outerHTML+ ”);})()">打开新窗口查看生成的源码 —— for IE
开发者社区及权威网站
[url=http://developer.mozilla.org/En]Mozilla Developer Center (MDC)[/url]
[url=http://developer.yahoo.com/]YAHOO! Developer Network (YDN)[/url]
[url=http://dev.opera.com/]Dev.Opera[/url]
[url=http://developer.apple.com/]Apple Developer Connection[/url]
[url=http://msdn.microsoft.com/zh-cn/default.aspx]MSDN[/url]
[url=http://www.ibm.com/developerworks/cn/web/]IBM Developers中国[/url] [url=http://www.ibm.com/developerworks/cn/web/wa-front/](Web 前端开发技术专题)[/url]
[url=http://webkit.org/]WebKit[/url]
[url=http://dev.aol.com/]AOL Developer Network[/url]
[url=http://www.slideshare.net/]SlideShare - Share PPT[/url] —— 在线PPT分享，资源丰富
[url=http://code.google.com/doctype/]Google Doctype[/url] —— Web开发人员的百科全书
[url=http://www.w3.org/]W3C[/url] ([url=http://www.w3c.org.hk/]香港[/url]，[url=http://www.chinaw3c.org/]中国[/url])
[url=http://www.positioniseverything.net/]Position Is Everything[/url]
[url=http://www.htmldog.com/]HTML Dog[/url]
[url=http://zh.wikipedia.org/wiki/%E9%A6%96%E9%A1%B5]维基百科[/url]
推荐订阅的博客和网站(排名不分先后)
国外
内容聚合：[url=http://www.alistapart.com/]A List Apart[/url]，[url=http://ajaxian.com/]Ajaxian[/url]，[url=http://www.smashingmagazine.com/]Smashing Magazine[/url]，[url=http://www.456bereastreet.com/]456 berea street[/url]，[url=http://scriptandstyle.com/]Script & Style[/url]，[url=http://www.cssglobe.com/]CSS Globe[/url]，[url=http://css-tricks.com/]CSS-Tricks[/url]，[url=http://www.sitepoint.com/]SitePoint[/url]
团队Blog：[url=http://developer.yahoo.com/yui/]Yahoo! User Interface Library (YUI)[/url]，[url=http://blogs.msdn.com/ie/default.aspx]IEBlog[/url]
个人Blog：[url=http://ejohn.org/]John Resig[/url]，[url=http://www.quirksmode.org/]PPK: QuirksMode[/url]，[url=http://www.crockford.com/]Douglas Crockford[/url]，[url=http://dean.edwards.name/]Dean Edwards[/url]，[url=http://nate.koechley.com/blog/]Nate Koechley[/url]，[url=http://www.julienlecomte.net/blog/]Julien Lecomte[/url]，[url=http://meyerweb.com/]Eric A. Meyer[/url]，[url=http://www.andybudd.com/]Andy Budd[/url]，[url=http://blog.stevenlevithan.com/]Steven Levithan[/url]，[url=http://blog.hedgerwow.com/]HedgerWow[/url]
国内
内容聚合：[url=http://www.blueidea.com/]Blueidea[/url]，[url=http://bbs.51js.com/]无忧脚本[/url]，[url=http://www.w3cn.org/]网页设计师(W3CN)[/url]，[url=http://www.ijavascript.cn/]JavaScript教程网[/url]
团队Blog：[url=http://ued.taobao.com/]淘宝[/url]，[url=http://ued.koubei.com/]口碑[/url]，[url=http://www.aliued.com/]阿里巴巴国际站[/url]，[url=http://www.aliued.cn/]阿里巴巴中文站[/url]，[url=http://www.f-dev.com/]阿里巴巴中文站前端开发团队(方凳)[/url]，[url=http://ued.alimama.com/]阿里妈妈[/url]，[url=http://ued.alipay.com/]支付宝[/url]，[url=http://www.alisoftued.com/]阿里软件[/url]，[url=http://blog.19lou.com/?uid-10143366]19楼[/url]，[url=http://www.9skyucd.com/]九天音乐[/url]，[url=http://www.kdued.com/]金蝶与友商网[/url]
个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之(sorrycc#gmail.com)：[url=http://www.planabc.net/]怿飞[/url]，[url=http://www.gracecode.com/]手气不错[/url]，[url=http://realazy.org/]Realazy[/url]，[url=http://old9.blogsome.com/]old9[/url](需穿墙术)，[url=http://quchao.com/]沙滩凉鞋(空帏)[/url]，[url=http://lifesinger.org/]射雕(玉伯)[/url]，[url=http://woooh.com/]Aether[/url]，[url=http://andymao.com/andy/]振之[/url]，[url=http://www.aoao.org.cn/]嗷嗷[/url]，[url=http://www.junchenwu.com/]JunChen[/url]，[url=http://yuntian.cnblogs.com/]爆牙齿[/url]，[url=http://dancewithnet.com/]秦歌[/url]，[url=http://blog.360.yahoo.com/blog-sOW1QOA9crUyOdXFxOeK4xc-?cq=1]克军[/url]，[url=http://5key.net/blog/]5key[/url]，[url=http://www.chencheng.org/blog/2008/10/25/f2e-manual/www.linxz.cn]小志[/url]，[url=http://www.htmlcssjs.com/blog/]Rage(正淳)[/url]，[url=http://www.macji.com/]麦鸡[/url]，[url=http://yy.mylovings.net/]云烈[/url]，[url=http://robertmao.com/]老冒[/url]，[url=http://www.tblog.com.cn/]番茄红了[/url]，[url=http://www.joyqi.com/]Joyqi[/url]，[url=http://www.v-sky.com/blog/]卢力[/url]，[url=http://www.cssforest.org/blog/]CSS森林(Ghost)[/url]，[url=http://www.twinsenliang.net/]Twinsen[/url]，[url=http://blog.gulu77.com/]Gulu77[/url]，[url=http://rlog.cn/]Rlog[/url]，[url=http://dlog.org/]Dlog[/url]，[url=http://www.zishu.cn/]子鼠[/url]，[url=http://www.space007.com/]西风坊[/url] …

来自http://www.web600.net/html/editor/XHTMLCSS/201008244016.html#009