【转载】:http://www.aoao.org.cn/resource/
ps:很多是E文的,真晕!
整理了一些Web前端开发的资源,包括有浏览器开发工具,Microformats,电子书资源等,如果你有更好的资源给我邮件。
浏览器及相关开发工具
浏览器 | 相关开发工具 |
---|---|
Firefox, Flock |
|
IE6, IE7, IE8beta |
|
Opera????????? |
|
Safari WebKit |
相关开发工具,来自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
MicroformatsCheat Sheet 另一份
- 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_私有属性部分翻译
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂