整理了一些Web前端开发的资源，包括有浏览器开发工具，Microformats，电子书资源等，如果你有更好的资源给我邮件。
浏览器及相关开发工具 浏览器相关开发工具 Firefox, Flock
- Web Developer Toolbar (various)
- Firebug (DOM, CSS, JavaScript, Traffic)
- Modify Headers (Ajax)
- Poster (Ajax)
- XRAY, MRI (CSS)
- Firefox Accessibility Extension
- LiveHTTPHeaders
- IE Developer Toolbar (DOM, CSS)
- HttpWatch (HTTP viewer)
- Web Accessibility Toolbar (Accessibility and more)
- XRAY, MRI (CSS)
- Visual Web Developer Express Edition (JavaScript)
- Microsoft Script Debugger (JavaScript)
- Opera developer tools (DOM, CSS, JavaScript)
- Opera Error Console (HTML, CSS, JavaScript)
- Web Accessibility Toolbar (Accessibility and more)
相关开发工具，来自klauskomenda.com
关于浏览器多版本并存问题
- Firefox装3.0的，再装个Flock1.1(内核为firefox2)的，就可以并存两个版本，某些插件不支持新版可装Nightly Tester Tools来解决
- IE多个版本并存可选择Multiple IE或者IETester
一些在线用的小东东
Accessibility
- WAVE 3.0 Web Accessibility Tool 高度可定制的工具，它采用了图形化模型展示网站兼容性问题（ WCAG 1.0 and section 508 ）。
- TAW Web Accessibility Test 测试网页是否存在冲突（ WCAG 1.0 兼容性 ），通过图形模式生成一份依据 wcag 优先模式为基础的网站修改建议。
- HiSoftware CynthiaSays portal 采用了非常严格的规则来测试网页（ 根据 section 508 和 WCAG 1.0 规则 ），生成的报告也极为详细。
- HERA Accessibility testing with Style 使用一种极为复杂但容易理解方式指出网页的 wcag1.0 兼容性问题。
浏览器模拟工具
- Browsershots 能给出你的网站在不同浏览器下显示效果的截图，包括：Firefox 和 Internet Explorer （ Windows ）、Firefox 和 Safari （ Mac OS X ）、Iceweasal 和 Konqueror （ Linux ），但是结果要在 1 – 3 小时后才能出来。
- Browsrcamp 没有Mac的同学可以来这里。。实时生成Safari滴，速度很快。
- IE NetRenderer 没有Win的同学可以来这里。。实时生成你的网站在 Internet Explorer 5.5 、6.0 和 7.0 下的截图。
- MobiReady Report 分析使用手机访问网页的兼容性问题，会生成一份详细的报告，并提供了在两种不同类型的手机浏览器上你得网站可能显示的样子。
一些软件 Mac
- http://tools.microformatic.com/
- Firefox Add-ons :Tails Export (说明), Operator
- Safari Microformats plugin
一些参考资料
- Web开发人员的百科全书：Google Doctype,包括Web安全、JavaScript、DOM控制、 CSS技巧和窍门等。
- HTMLCheat Sheet: SitePoint HTML Reference (beta) HTML Playground
- CSSCheat Sheet：W3C CSS2中文翻译（有CHM），CSS2在线参考手册， SitePoint CSS Reference, Mozilla_私有属性部分翻译