一周开源项目集锦(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 for web pages in Chrome
http://code.google.com/p/script-cover/

Google Tasks Porter
http://code.google.com/p/google-tasks-porter/
Demo https://google-tasks-porter.appspot.com/

Google APIs Client Library for Objective-C
http://code.google.com/p/google-api-objectivec-client/

Bootstrap
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
http://twitter.github.com/bootstrap/

heatmap.js
JavaScript Library for HTML5 canvas based heatmaps
http://www.patrick-wied.at/static/heatmapjs/

Google JS Test
Google JS Test is a fast javascript unit testing framework that runs on the V8 engine, without needing to launch a full browser.
http://code.google.com/p/google-js-test/

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 的规则和指引。
HTML Microdata: 在 HTML 文档中嵌入机器可读数据的机制。
HTML Canvas 2D Context: HTML5 中 2D Canvas 对象的细节。
Additional Requirements for Bidi in HTML: 同时支持左到右和右到左阅读顺序的文档和应用程序的一些建议。
via 456bereastreet.com
-EOF-

语法高亮着色器prettify

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-