未完待续 » HTML http://ioio.name To Be Continued Tue, 22 May 2012 15:29:01 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 一周开源项目集锦(2011/11/01) http://ioio.name/open-source-20111101.html http://ioio.name/open-source-20111101.html#comments Tue, 01 Nov 2011 14:37:53 +0000 枯藤昏鸦 http://ioio.name/?p=1955 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/

Related posts:

Copyright © 2005~2011 | Permalink | 0 Comments | Close To U
订阅 Twitter 域名优惠码 Media Temple空间 主机/域名优惠码 )]]> http://ioio.name/open-source-20111101.html/feed 0 HTML&CSS 入门指南 http://ioio.name/html-css-get-up-guide.html http://ioio.name/html-css-get-up-guide.html#comments Thu, 09 Jun 2011 15:18:02 +0000 枯藤昏鸦 http://ioio.name/?p=1805 资源库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-

Related posts:

Copyright © 2005~2011 | Permalink | 0 Comments | Close To U
订阅 Twitter 域名优惠码 Media Temple空间 主机/域名优惠码 )]]> http://ioio.name/html-css-get-up-guide.html/feed 0 HTML slide template for Google I/O 2011 http://ioio.name/io-2011-slides.html http://ioio.name/io-2011-slides.html#comments Sun, 15 May 2011 03:26:34 +0000 枯藤昏鸦 http://ioio.name/?p=1830

Google I/O 2011 slide 官方模板，以后用html做PPT就用它了。
Source: http://code.google.com/p/io-2011-slides/

Demo: http://io-2011-slides.googlecode.com/svn/trunk/template/index.html

-EOF-

Related posts:

Copyright © 2005~2011 | Permalink | 0 Comments | Close To U
订阅 Twitter 域名优惠码 Media Temple空间 主机/域名优惠码 )]]> http://ioio.name/io-2011-slides.html/feed 0 W3C 推出 7 个 HTML 草案 http://ioio.name/seven-html-related-working-drafts-published.html http://ioio.name/seven-html-related-working-drafts-published.html#comments Wed, 10 Mar 2010 04:22:27 +0000 枯藤昏鸦 http://ioio.name/?p=963 最近 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-

Related posts:

Copyright © 2005~2011 | Permalink | 0 Comments | Close To U
订阅 Twitter 域名优惠码 Media Temple空间 主机/域名优惠码 )]]> http://ioio.name/seven-html-related-working-drafts-published.html/feed 0 语法高亮着色器prettify http://ioio.name/google-code-prettify.html http://ioio.name/google-code-prettify.html#comments Thu, 26 Mar 2009 12:57:43 +0000 枯藤昏鸦 http://ioio.name/?p=1364 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-

Related posts:

Copyright © 2005~2011 | Permalink | 0 Comments | Close To U
订阅 Twitter 域名优惠码 Media Temple空间 主机/域名优惠码 )]]> http://ioio.name/google-code-prettify.html/feed 0