HTML表格生成器

Aside

一个html表格生成器，可以对特定的行、列或者单元格添加class。

From Kotatsu – a simple html table generator

利用IE9 Site Pinning增加网站访问量

Posted on May 23, 2011 by H

IE9综合利用了Site Pinning（固定网站），允许网站的开发者获得一个专门的用户接口来增加站点的访问量。微软公司高管Ziad Ismail透露， IE9的Site Pinning不仅保证用户能通过Windows 7进行访问，因为Site PinningI与Windows 7进行了精密的整合，而且能将可测量的结果反馈给相关的访问接口。

现在微软发布了网站www.buildmypinnedsite.com，网站开发者利用Site Pinning就更容易了。

BuildMyPinnedSite网站上有列出为允许用户能固定其网址开发者需要做的几步，从设计高清晰的网站头像，隐藏跳跃列表（Jumplist）的附属部分，到设立通知栏及用预览的缩略图片进行控制。

“BuildMyPinnedSite 仅是一个工具，它能让网站的用户和开发者体验到采用带有固定功能的网站是多么的好。关键词的导向能够让突发性新闻引起你的注意，媒体播放也可以在浏览器之外进行控制。” Ismail表示，“当你赢得了一个竞价投标时通知就会告诉你，Games能记录你离线时的统计数据并且显示出你错过了哪些内容，像Hotmail等网页应用程序则像一款本地邮件客户端。开发你网站的想法和编码在BuildMyPinnedSite 里都有”。

虽然网站开发者仅能以IE9和Windows 7运行微软已经编译好的代码，但这对用户使用任一浏览器是没有影响的。

Google奉上首个CSS动画涂鸦

Posted on May 16, 2011 by H

Google今天的涂鸦十分特别，这个动画图片并非传统的GIF图像，而是使用CSS Sprites技术，利用一个初始图片和一张画满各个动作的拼接图片，从而实现了动画效果。

Google奉上首个CSS动画涂鸦初始图片

Google Doogle CSS Sprites

Google今日涂鸦是为了纪念现代舞先驱玛莎·葛兰姆（Martha Graham，1894年5月11日－1991年4月1日）117周年诞辰，他是美国舞蹈家和编舞家，也是现代舞蹈史的创始人之一。其作品多以美国人文或是希腊古典神话为主题，代表作有《原始的神秘》（Primitive Mysteries，1936年）、《给世界的信》（Letter to the World，1940年）、《阿帕拉契山脈之春》（Appalachian Spring，1944年）、《夜旅》（Night Journey，1947年）。

404们都代表什么？网页错误代码图解

Posted on May 16, 2011 by H

相信大家在浏览网页的时候都碰到过404、403之类的错误报告，不管为什么反正就是网页打不开了。其实这些都是服务器接到浏览器访问请求后返回的状态码(专业术语叫服务器信息头)，不同的代码有着不同的含义，简单了解一些非常有助于搞清到底哪里出了问题、究竟该如何解决。

现在有热心人士总结了一张相关图表，非常形象地解释了服务器返回状态码的不同含义和相关资料，值得收藏。

HTTP 400 – 请求无效

HTTP 400 – 请求无效
HTTP 401.1 – 未授权：登录失败
HTTP 401.2 – 未授权：服务器配置问题导致登录失败
HTTP 401.3 – ACL禁止访问资源
HTTP 401.4 – 未授权：授权被筛选器拒绝
HTTP 401.5 – 未授权：ISAPI或CGI授权失败
HTTP 403 – 禁止访问
HTTP 403 – 对Internet服务管理器(HTML)的访问仅限于Localhost
HTTP 403.1 – 禁止访问：禁止可执行访问
HTTP 403.2 – 禁止访问：禁止读访问
HTTP 403.3 – 禁止访问：禁止写访问
HTTP 403.4 – 禁止访问：要求SSL
HTTP 403.5 – 禁止访问：要求SSL 128
HTTP 403.6 – 禁止访问：IP地址被拒绝
HTTP 403.7 – 禁止访问：要求客户证书
HTTP 403.8 – 禁止访问：禁止站点访问
HTTP 403.9 – 禁止访问：连接的用户过多
HTTP 403.10 – 禁止访问：配置无效
HTTP 403.11 – 禁止访问：密码更改
HTTP 403.12 – 禁止访问：映射器拒绝访问
HTTP 403.13 – 禁止访问：客户证书已被吊销
HTTP 403.15 – 禁止访问：客户访问许可过多
HTTP 403.16 – 禁止访问：客户证书不可信或者无效
HTTP 403.17 – 禁止访问：客户证书已经到期或者尚未生效
HTTP 404.1 – 无法找到Web站点
HTTP 404 – 无法找到文件
HTTP 405 – 资源被禁止
HTTP 406 – 无法接受
HTTP 407 – 要求代理身份验证
HTTP 410 – 永远不可用
HTTP 412 – 先决条件失败
HTTP 414 – 请求–URI太长

HTTP 500 – 内部服务器错误
HTTP 500.100 – 内部服务器错误–ASP错误
HTTP 500-11 – 服务器关闭
HTTP 500-12 – 应用程序重新启动
HTTP 500-13 – 服务器太忙
HTTP 500-14 – 应用程序无效
HTTP 500-15 – 不允许请求global.asa
Error 501 – 未实现
HTTP 502 – 网关错误

Google用户体验设计准则

Posted on April 13, 2011 by H

Google用户体验团队致力于创建有用（useful）、快速（fast）、简单（simple）、有吸引力（engaging）、创新（ innovative）、通用（universal）、可盈利（profitable）、优美（beautiful）、可信（trustworthy）、人性化（personable）的应用。

Google用户体验的十大准则

1. 以用户为焦点，关注用户的生活、工作和梦想。

Google 用户体验小组努力发现用户的真正需求，包括那些他们自己都无法阐明的需求。有了这些信息，Google就可以创建解决现实问题的产品并激发所有人的创造力。Google的目标不仅仅是按部就班的工作，而是改善人们的生活。总之，一个精心设计的Google产品在日常生活中是非常有用的。他并不是靠花哨的视觉效果和技术打动用户的，虽然也有具备这些特性。他不会强迫用户去使用他们不想要的特性，但是他会引导有兴趣的用户自发的去使用他们。他不会入侵别人的生活，但是回想那些想要探索世界信息、工作的更加快速和便捷、分享想法的用户敞开大门。

2. 争取每一毫秒。

没有什么比用户的时间更加宝贵。Google页面的快速加载得力于精简的代码和精心挑选的图片。为了让用户更加容易的找到想要的内容，Google将最重要的功能和文本放在最显眼的位置。一些不必要的点击、输入、步骤和其他操作都被Google去除了。Google的产品只会请求一次信息并且包含了智能的默认选项。所有任务都是高效的。速度为用户带来便利。如果没有充足的理由，Google 绝对不会牺牲速度。

3. 简单就是力量。

简单造就了良好设计中的许多元素，包括易用性、速度、视觉效果和可访问性。一个产品从设计之初就应该保持简单。Google不打算创建功能繁复的产品，我们最好的设计只包含那些用户完成目标过程中所必需的功能。即使产品需要大量的特性和复杂的视觉设计，也要看起来简单而强大。在以牺牲简单为代价去追求一个不太重要的功能之前，Google 会三思而后行。Google希望将产品推向新的发展方向，而不仅仅是增加更多功能。

4. 引导新手，吸引资深用户。

为多数人设计并不意味着为降低标准设计。最好的 Google设计表面上看起来很简单，但是却包含了强大的功能，可以让需要的用户很容易地访问到。Google的目标是为新用户提供美妙的初始体验，同时也吸引那些经验丰富的用户，他们会让其他人也来使用这个产品。一个精心设计的 Google产品会让新用户很快熟悉，在必要的时候提供帮助，并且保证用户可以通过简单符合直觉的操作使用产品的大多数有价值的功能。逐步披露高级功能会鼓励用户去扩展他们对产品的使用。在适当情况下，Google会适时地提供一些智能功能来吸引那些资深网络用户——那些在多个设备和电脑之间共享数据的人、在线上和线下工作的人、以及需要存储空间的人。

5. 勇于创新。

设计上的一致性是 Google产品获得信任的基石，它令用户舒适并提高他们的工作效率。但是要想把设计从沉闷乏味变得令人愉快就要依靠想象力。Google鼓励那些创新、冒险的设计，只要它们符合用户需求。团队鼓励新的想法并发展它们。不是为了去适应现有的产品功能，Google更着眼于改变整个游戏规则。

6. 全世界适用的设计。

万维网已经向世界各地的人们开放了互联网上的所有资源。例如，很多用户通过移动设备来使用 Google的产品，而不是坐在桌子前面通过电脑。我们设计出的产品应该在用户随意选择的任何一种媒介上都可以适时调整和使用。在可能的情况下，Google会适时地支持较慢的连接速度和旧版的浏览器，而且 Google会允许用户选择如何浏览信息（屏幕大小，字体大小）和如何输入信息（智能查询分析）。用户体验团队会研究世界上用户体验的根本差异，为每一个用户、每一个设备和每一种文化设计出合适的产品。简单的翻译，或者功能上的“优雅降级”，都不足以满足人们的需要。Google还致力于改善产品的可访问性。Google对简单和具有包容性产品的渴望，以及Google让全世界的信息普遍可访问的使命，都要求产品支持辅助技术，向包括有身体和认知缺陷在内的所有用户提供愉悦的体验。

7. 为现行的和将来的商业模式做好安排。

那些盈利的 Google产品竭力做到以有助于用户的方式赚钱。为了实现这一崇高目标，设计师将和产品团队一起确保商业计划能够和用户的目标无缝集成。他们会确保广告具有相关性、有用并可以明确地识别出是广告。 Google 也会注意保护那些广告客户和其它靠 Google 谋生的人的利益。如果靠某个产品增加收入会减少Google 未来的用户数量，那么 Google绝对不会做这种尝试。如果一个有利可图的设计没有让用户满意，它就会被打回重做。不是每个产品都需要盈利，但是不能有产品对业务不利。

8. 外观具有视觉愉悦性，但不分散注意力。

如果人们看到一个 Google的产品时说“哇，真漂亮！”，用户体验团队就可以欢呼了。一个积极的第一印象会让用户觉得舒服，使他们确信这个产品是可靠和专业的，并且会鼓励用户做出自己的产品。简约美学对于大部分的 Google产品都是适用的，因为一个干净、清爽、加载迅速，而且不会分散用户的注意力的设计一定符合用户需求的。吸引人的图像、颜色和字体需要与速度、可扫描文本和简易导航取得平衡。尽管如此，考虑到用户和文化背景的因素，“简单优雅”并不是对所有产品来说都是最合适的。Google产品的视觉设计会让用户感到满意并且有助于使用。

9. 值得信任。

好的设计可以深深赢得使用 Google 产品的用户的信任。Google可靠性的建立是从基础就开始的，例如，界面确保高效和专业、动作容易撤销、广告被明确识别、术语的一致性以及令用户惊喜而非惊诧。此外，Google的产品是向全世界开放的，它包含指向竞争对手的链接并且鼓励用户做出贡献，如社区地图或者 iGoogle 小工具。一个更大的挑战是确保Google 对用户控制自己数据的权利表示了尊重。在如何使用信息和信息如何共享给他人（如果有的话）方面，Google是透明的，所以用户可以做出知情的选择。我们的产品在有危险的时候会警告用户，比如不安全的链接，使用户容易受到垃圾邮件骚扰的行为，或者将数据分享在Google 之外的其它地方而被存储的可能性。Google 越大，遵循“不作恶”的座右铭就越重要。

10. 人性化。

Google包括了各种各样的人格特质，而Google的设计也是有人性的。文本和设计元素都是友好、机灵并且智能的，而不是枯燥、古板或傲慢的。 Google的文本直接和用户对话，并提供实际、非正式的协助，就像任何一个人回答邻居所提出的问题一样。而且 Google不会让有趣或个性干扰到设计的其它元素，尤其是当人们被生活或找到重要信息的能力严重困扰的时候。

Google 并不是什么都懂，而且没有设计是完美的。Google的产品希望得到反馈，Google 会根据这些反馈采取行动。当实践这些设计准则的时候，Google 用户体验团队会在每个产品的可用时间里寻找最佳的平衡。然后，迭代、创新和改善会循环往复。

外观具有视觉愉悦性

函数：PHP获取某绝对/相对路径的父路径

Posted on March 22, 2011 by H

文所介绍的函数通过PHP获取某个给定路径下的父路径，给定的路径可以是相对路径和绝对路径。

实例：

PHP函数的输入输出示例
输入路径	函数返回值
`/var/www/htdocs/images/`	`/var/www/htdocs/`
`/var/www/htdocs/images`	`/var/www/htdocs/`
`/var/www/htdocs/index.php`	`/var/www/htdocs/`
`c:\www\files\folder\`	`c:\www\files\`

请注意：

1、如果在给定的路径中存在一个反斜杠”\”，则认为所有的其他斜杠均为反斜杠”\”。（Windows平台上）

2、输入路径的结尾的斜杠不是必需的，函数会自动判断是相对路径还是绝对路径（物理路径）。

3、如果$convert_backslashes 标志变量被置为True，那么路径中的所有反斜杠”\”都会被转换成正斜杠”/”

<?php
function parent_directory($path, $convert_backslashes = false) {
    // 检测是否包含反斜杠
    if( strstr($path, '\\') ) $backslash = true;
    // 将反斜杠转换成正斜杠
    	$path = str_replace('\\', '/', $path);
    // 如果输入路径结尾包含斜杠，则自动加上
    if( substr($path, strlen($path) - 1) != '/' ) $path .= '/';
    // 获取父路径
    	$path = substr($path, 0, strlen($path) - 1);
    	$path = substr( $path, 0, strrpos($path, '/') ) . '/';
    // 转换回反斜杠
    if( !$convert_backslashes && $backslash )
    	$path = str_replace('/', '\\', $path);
    return $path;
}
?>

Internet Explorer 9，你必须要知道的9件事

Posted on March 15, 2011 by H

新 JavaScript 引擎，带给你飞的感觉

IE9 全新内置的“Chakra JavaScript 引擎”，充分利用当下主流计算机配置的多核心 CPU，优化协同运算能力，编译、执行速度更快！同时与 DOM 的紧密集成，让网络应用运行更顺畅，反应更迅速——带给你真正可以感受到的速度提升。

GPU 硬件加速——是的，它真的来了

IE9 将全面支持 HTML5 GPU 硬件加速，借助 GPU 的效能，来渲染标准的 Web 内容，如文字、图像、视频、SVG（可缩放矢量图形）等网络信息，减少 CPU 负荷，大大的提高浏览器的速度。开发人员无需为 GPU 硬件加速特性重新编写网站，直接提升图形处理性能。

子系统优化，提升协同处理效率

IE9 子系统全面改进，极大提高了对 HTML、CSS 和 JavaScript 的解释效率。将布局以及渲染等方面的资源更合理的分配和优化，在减少对内存和处理资源耗用的同时，让网页呈现和网络应用程序的运行速度更加顺畅。

“存在”的意义，是为了让用户“忽视”

IE9 带来全新用户界面 ——简单、清晰、有效，尽可能简化浏览器的外观元素和操作步骤——希望用户能够最大限度的“忽略”IE9 的“存在”，而将注意力全部沉浸在精彩的网络内容当中。

全面支持最新网络标准*

IE9 支持最新的 HTML5、CSS3、SVG 和 DOM L2&L3，你可以充分利用这些技术展现你的网络创意，不必再针对不同浏览器编写不同代码，大幅度降低你的开发时间和难度。

* HTML5 和 CSS3 等规范仍处于草案阶段。Internet Explorer 团队也致力于参与 W3C （国际万维网联盟）的测试，避免标准朝令夕改的情况。详情可咨询http://www.w3.org/ 。

整合更多开发工具

与其他浏览器相比，IE9 内置了更多强大的开发人员工具——包括 JavaScript 分析工具、CSS编辑器和新的网络分析器等。这些工具当你需要时就在手边，方便你进行开发和调试，实现与IE9 的全方位整合。

炫动网络，由你开发

IE9 提供了一系列先进技术，如 D2D DirectX 图形架构和图形、色彩解码器等，助你实现高清视频和多媒体交互。搭配 GPU 图形硬件加速，让画面质量和流畅性达到质的提升，为你搭建一个更好的平台，来为你的用户展现前所未有的视觉、听觉体验。

是网站，也是一个 Windows 7 程序

利用最新的 Windows 应用程序接口（API）让开发者能够使用 JavaScript 来定义鼠标右键快捷菜单、任务栏缩略图、跳转列表项和触控等功能，使其与 Windows 7 操作系统完美整合，带来新的浏览方式，让用户体验上升到新的高度。

兼容性模式，带来更大灵活性

IE9 让开发人员来选择浏览站点时所使用的模式，其中包括 IE9 标准模式、IE8 文档模式、
兼容视图模式（IE7）或 Quirks 模式（IE5）。如果用户单击兼容模式按钮，网站将以开发者事先指定的模式或兼容视图模式（IE7）运行，保证向后的兼容性和网站升级时的灵活性。

尽享网络之美微软正式发布IE9

Posted on March 15, 2011 by H

微软今天在美国德克萨斯州奥斯汀举办的“西南偏南”影视音乐互动大会（SXSW）上正式发布了IE9，IE9包括39种语言版本，支持32位和64位Windows 7和Vista平台。微软表示，目前已有250多家全球顶级网站利用IE9的功能为用户提供与众不同的体验，这些合作伙伴的用户覆盖了超过10亿的网络活跃用户。

微软IE副总裁Dean Hachamovitch在发布会上表示：“最好的网络体验是通过IE9在Windows上实现的。现在，互联网上丰富的内容可通过Windows和IE 来呈现并发挥PC硬件的最佳性能。凭借‘网站固定’等一系列创新功能，用户访问互联网网站的体验越来越流畅，就像在Windows 7中打开本地程序一般。”

全面提速，充分利用硬件加速

IE9充分利用了现代电脑硬件的潜能，全面提高网络浏览性能——包括引入新的脚本引擎Chakra，它采用多核CPU来提高性能，使IE9的浏览渲染速度达到IE8的11倍。同时IE9还是第一个采用全面硬件加速的浏览器，它充分利用图形处理单元（GPU）的能力，把更多的图形处理重新分配给GPU 而不是CPU。简言之，IE9释放了以前浏览器所没有充分利用的电脑硬件性能中的90%。

IE9硬件加速的文本、视频和图形意味着网站可像安装在计算机上的程序一样执行。高清视频十分流畅，图形清晰且响应及时，颜色逼真，网站具有前所未有的交互性。通过子系统增强功能，网站和应用程序的加载速度更快且响应更及时。IE9与Windows 7提供的强大图形功能相结合，你可在Windows上获得最佳Web体验。

对于开发者来说，开发者现在能够创建更快、更逼真的网站，感觉就像使用互操作式HTML5的本地应用程序或通过使用Adobe Flash Player和Microsoft Silverlight等插件而运行的本地应用程序，同时Adobe Flash Player和Microsoft Silverlight都将在其下个版本完全支持IE9中的硬件加速。

此外，经过简化的IE9安装速度更快，安装步骤更少，加载页面的时间更短，并且不需要你单独安装更新。

极简设计

IE9界面设计简洁，并与Windows 7良好集成，为网站提供更大的显示区域，从而让用户聚焦于应用本身，而不是浏览器。浏览器控件减少并且处于半透明状态，避免干扰用户的视线，真正让网络内容成为用户关注的焦点。此外，IE9也运用了Windows 7的设计原则，让网站更像电脑上的本地应用程序。

— 网站固定：

通过网站固定功能，用户可以在Windows任务栏上直接访问最常使用的网站，而不必首先打开浏览器。这将让用户得以快捷地访问所关心的内容。导航按钮呈现网站的图标和颜色，凸显以网站为中心的体验。

固定网站只需几秒钟：单击单一框中的 Web 地址左侧的图标、网站的选项卡或者“新建选项卡”页上的网站图标，然后将其拖动至任务栏。在某个网站固定后，该网站会显示为自己的缩略图，与 Internet Explorer 分离。这样，单击一次即可访问常用网站。

— 跳转列表：

跳转列表是无需首先打开浏览器即可迅速访问常用网站的一种方式。对于开发者已经创建跳转列表功能的锁定网站，用户可以快速地编写电子邮件、检查收件箱、变更音乐台、接受朋友邀请或者查看突发新闻，使网络浏览精彩无限。

— 分离选项卡和鼠标拖拽：

用户经常需要浏览多个网站或页面，通过分离选项卡和鼠标拖拽功能，用户可以并排显示两个网站或选项卡页面。这样用户就可以在不同的网站上对比产品，在看视频的同时浏览电子邮件，或者看地图的同时查看旅行日程。若要分离选项卡，用户只需点击选项卡并将其拖到屏幕边缘，与此同时不会影响网站内容的显示，例如，在拖拽选项卡时视频会保持播放，提供类似本地应用的流畅体验。

多项功能保护个人隐私

由于互联网越来越不安全，IE9从设计伊始就旨在成为最值得用户信赖的网络浏览器。新版IE9包含一套强大的内置安全性、隐私保护和可靠性技术，让用户更安全地上网。

— “跟踪保护”功能：

2010年12月，微软在IE9中引入跟踪保护功能。该功能通过让客户指出自己不希望与哪些网站交换信息，从而让人们在浏览网络时控制哪些数据可被分享。在该功能中中添加跟踪保护清单，消费者就能轻松使用该功能，保护个人隐私。

— 集成SmartScreen的下载管理器：

IE9提供首个带有SmartScreen恶意软件防护的下载管理器，并引入SmartScreen下载声誉机制。SmartScreen下载声誉是具有突破意义的浏览器功能，它利用声誉数据来移除对著名文档的不必要警告，当下载内容的风险较高时显示更为严重的警告。当今用户往往习惯于忽略每次下载都显示的通用警告，无论这个文件是一个极其普通的程序还是几分钟前生成的一个恶意软件，而IE9则是唯一一个利用下载声誉来帮助用户做出安全性决策的浏览器。

— 加载项性能顾问：

加载项性能顾问会在加载项放缓浏览会话时通知用户。默认情况下，如果所有加载项的总加载时间超过0.2秒，用户就会收到通知，使用户有机会作出明智的决定，使用有价值的加载项并选择禁用不太有用或影响性能的加载项。

统一标准，全面支持最新网络标准

IE9广泛地支持HTML5、SVG、CSS3和DOM，对统一标准的良好支持带来在开发上更好的互操作性，开发将变得更加容易。开发人员不必再花费大量的时间为不同的浏览器重写网站，可以专注于更富创造力的设计和开发，从而为用户带来更美妙的网络体验。目前全球已有许多合作伙伴利用Windows 和IE9重新设计了自己的网站，创建出感觉就像PC本地应用程序一样的新体验。

简体中文版 IE 9 正式版下载地址：

英文版 IE 9 正式版下载地址：

其他语言和 Windows Server 系统的版本都可以在官方的 IE 9 正式版页面选择下载到。

W3C发布HTML5官方Logo

Posted on January 19, 2011 by H

W3C（World-Wide Web Consortium，万维网联盟）在今天放出了HTML5的官方新Logo，并对最近的网络开发技术做出了新的解释。HTML5在过去一年左右的时间里成为大家争论的焦点。在Google的支持以及开发者们的热情追捧下，HTML5似乎已经成为了解决网络开发中任何问题的良药。在新的logo页面，我们读到：“它真切而有力，就像你创作的模型那样具备强大的适应能力和普遍性。它就如同你这样富有前瞻性的网络开始者，光彩夺目，星光闪耀。它是标准的标准，它是创新的典范。它当然不会再去使用样式表格。”

该logo由Ocupop公司设计，这是一个专注与品牌打造和网络设计的公司。

Ocupop的logo设计师Michael Nieling这样说道：

HTML5 这个词获得了它自己的生命。无论是在开发者还是公众社区中，这个词的指代对象早已超过了简简单单一个标准的范畴，以至于来带了诸多的不解和争论。这套标准需要一个标准。那就是，HTML5需要一组一致的、标准的可视化词汇来在对话、展示和解释中清楚地指代特定的对象。

HTML5的八大技术特征：

1. 语义学
作为HTML5的前端和中心，语义学能够赋予框架结构以意义。更详尽的标签组合以及资源描述框架，微型数据和微型格式将为你和你的用户打造一套数据驱动的网络。

2. 本地存储
在应用缓存，本地存储，索引数据库和文件应用程序接口的帮助下，HTML5应用甚至能在没有因特网连接的情况下工作。

3. 设备访问
地理定位只是一个开始，HTML5能够让应用程序访问连结到你计算机上的任何设备。

4. 连结性
更有效率的连结性将能带来更实时的聊天，更快的游戏速度以及更好的沟通交流。服务器与客户端之间的网络套接字和邮件摄像头将比以往更加便捷。

5. 多媒体
音频和视频可是HTML5世界的一等公民，他们将与你的应用程序和网站和睦共处。灯光，摄影，开始!

6. 平面和三维效果
在SVG, Canvas, WebGL和CSS3 3D效果这些特性之间，你一定能找到让你的用户眼花缭乱，美不胜收的创意。

7. 性能和集成
使你的应用程序和网络在大量诸如Web Workers和XMLHttpRequest 2这样的技术下更加快速。没有人愿意停下了等你跟进的。

8. CSS3
在不牺牲你的讲义结构和性能的情况下，CSS3提供了大量的样式效果和加强你的网络应用。另外WOFF(Web Open Font Format)提供了前所未有的印刷灵活性控制。