一周开源项目集锦(2011/11/01)
QualityBots A tool for automated comparison of website layouts across multiple Chrome versions. http://code.google.com/p/qualitybots/ Test Analytics Test Analytics is a web application that allows rapid generation of a project’s ACC model — an alterative to a test plan that is faster to create and of more practical value. http://code.google.com/p/test-analytics/ Script Cover Javascript code coverage detector [...]
HTML&CSS 入门指南
资源库Libary https://github.com/necolas/normalize.css 虽然说已经有很多CSS Reset库了，不过这个看看注释也不赖。 Google Web Fonts Google的提供的在线免费字体。 图书Books Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. Dive Into HTML5 中文版 重构模式beta 重构是网页设计中重要的一环，是把页面从设计稿还原成静态的页面的过程。主要涉及的技术为PS/HTML/CSS，以及图片优化技术。初级JS技能也是有所帮助的。 未完待续… Last Updated:2011/06/09 23:16 -EOF-
CSS风格指南
选择器风格 id或class名中的分割线使用减号”-”而不是下划线 大括号”{}”之间的属性缩进两个空格 属性名与属性值之间(冒号后)空一格 属性按照显示属性/盒模型/文本属性来写(via Mozilla) .g-doc { width: 100%; text-align: left; } 未完待续… -EOF-
HTML5相关资源
参考资料 HTML5 Readiness : Visual timeline of HTML5 feature support. When Can I Use… : Up to date HTML5 feature browser support reference. HTML5 Test : Series of browser tests to evaluate feature support. HTML5 Infographic : A quick overview of scope and support. W3C HTML5 Web Author View : Lightweight version of the W3c [...]
CSS 换行 CSS white-space 属性
1 2 3 4 5 6 7 8 pre { white-space: pre; /* CSS2 */ white-space: -moz-pre-wrap; /* Mozilla*/ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } -EOF-
Sponsored
