一周开源项目集锦(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-
W3C 推出 7 个 HTML 草案
最近 W3C 一口气推出 7 个 HTML 工作草案,涵盖了 HTML5,HTML RDF,HTML Microdata,HTML Canvas, HTML Bidi 等标准。这些草案多数与 HTML5 有关,虽然 HTML5 标准的真正发布与实现还有很远的路,但这个未来最有前途的 HTML 标准正引起业界广泛的关注。 W3C 发布的 7 个 HTML 工作草案是: HTML5: HTML 5 核心细则 . HTML: The Markup Language: 主要是面向 Web 开发者的 HTML,讲述了 HTML 语法,元素,属性等。 HTML5 differences from HTML4: HTML5 和 HTML4 有什么区别。 HTML+RDFa: 在 HTML5 中使用 RDF 的规则和指引。 [...]
语法高亮着色器prettify
prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,最值得亮点的地方是不需要指明代码的语言类型,它会自动进行判断。 在≶head></head>标签之间加入这两行代码: <link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css"/> <script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript"/> 将<body>改为: <body onload=’prettyPrint()’> 将需要着色的代码写入以下形式的<pre></pre>标签之中: <pre class=”prettyprint”> /*source code*/ 更多演示 -EOF-
