HTML Cheat Sheet

• HTML/XTML in one page
• HTML5: The Evolution of Web Standards by James Sugrue
• (X)HTML Elements and Attributes
• Doctype Declarations (DTDs)
• XHTML Character Entity Reference
• GoSquared HTML Help Sheet

CSS Cheat Sheets

• CSS in one page
• CSS Properties and Values
• All CSS Properties Listed Alphabetically
• CSS Shorthand Guide
• GoSquared CSS Help Sheet

Adobe Flash Cheat Sheets

• Flash Cheat Sheet
• Flash CS3 Keyboard Shortcuts

ASP Cheat Sheets

• Core ASP.NET
• ASP.NET MVC Framework Cheat Sheet
• ASP.NET MVC View Cheat Sheet

PHP Cheat Sheets

• PHP Basics Quick Reference Sheet
• PHP Cheat Sheet
• PHP Security Cheat Sheet
• PHP Variable and Array Tests
• GoSquared PHP Help Sheet

MySQL Cheat Sheets

• MySQL Cheat Sheet by Dave Child
• MySQL Database Quick Reference
• SQL Statements Cheat Sheet

JavaScript Cheat Sheets

• JavaScript in one page
• JavaScript Cheat Sheet
• Addison-Wesley’s JavaScript Reference Card

jQuery Cheat Sheets

• jQuery Cheatsheet
• jQuery 1.3 Visual Cheat Sheet by Antonio Lupetti
• jQuery Selectors by Bear Bibeault & Yehuda Katz

Unicode Cheat Sheets

• The Unicode Character Code
• HTML Characters, Numeric Codes, 0-65535 by Bob Stein

XML Cheat Sheets

• XML in one page
• XML 1.0 Syntax Quick Reference by Mulberry Technologies

mod_rewrite and .htaccess Cheat Sheets

• mod_rewrite Cheat Sheet by Dave Child
• htaccess Cheatsheet

（全文完）

http://grantkot.com/MPM/Liquid.html

不过，这仅仅是个开始。某同学将其发布上了reddit.com，于是，全世界的同学们开始给力了——

Flash的开发者首先不服，搞了个 flash版（带源码）：

http://wonderfl.net/c/yxe9

看到了Flash版，Javascript+HTML5的同学们也不干了，于是出现HTML5版（带源码）：

http://www.music.mcgill.ca/~sinclair/content/blog/liquid_simulator_ported_to_canvas

不过性能慢了很多，所以，又有人优化了一下HTML5版的程序:

http://jsbin.com/unovo4

SVG的同学们也不甘寂寞，不过，那真叫一个慢啊。

http://ulo.pe/js-liquid-svg/

这个时候，C/C++同学出来了，使用SDL库也搞了一个：

http://q3k.org/fluidsim.zip

——————

短短几天里，被人重写成各种语言。这个程序写起来真的很简单吗？是我out了吗？

更新- iPhone和iPad版的： http://www.infi.nl/blog/view/id/98/Liquid_on_iPhone_and_iPad

http://labs.codecomputerlove.com/FlashVsHtml5/

• 先是一个《Windows Internal》第五版的第五章的电子版（英文的），你可以在这里下载。关于其它一些电子书，你可以看看本站的这篇文章《免费电子书列表》、《非常不错的编程技术教程》、《超过100本的linux免费书籍》和《20本最好的Linux免费书籍》

→

• http://www.3dtin.com/是一个用纯Javascript搞的一个3D作图的网站，Javascript是越来越强大了。这个演示可以让你看到以后Web应用的潜力。关于Javascript的一些东西，你可以参看本站的这些文章《JS1K 演示》、《又一个Javascript试验田》、《一个Windows 3.1的Web网站》、《哥是玩程序的》。

→

• 说到这些很酷很炫的东西，大家一定会想到使用Flash，不过，目前的Flash正在受到HTML5的强力挑战，目前，对于HTML5的展示网站很多，让我们看到了HTML5完全可以做出Flash的样子，比如前些天本站说到的这个演示，还有给大家展示的纯HTML5的小游戏，不过，那些都是一些演示和展示罢了。今天在网上看到一个更强大的HTML5游戏，相当有可玩性，大家不妨一去试玩：http://www.phoboslab.org/biolab/

→

• HTML5 可以应用的还不只是游戏，这不，有文章指出，用VexFlow还可以很轻松地在网页上发布乐谱。而这个网页还可以让你制作Hi-PoP音乐。

→

• 说到Web开发，就得要提CSS了，这里有一个在线编辑CSS的网站，很不错，http://css3.mikeplate.com/。关于CSS和Web开发的一些文章，你可以查看本站的CSS的Tag。现在，这种在线的东西是越来越多了，比如：《Emacs配色在线生成器》、《Coderun.com 在线开发IDE》、《正则表达式生成器》、《Ajax开发利器UIzard》、《一个在线的画UML图的网站》。

→

• 说起在线服务，就不得不说说在线代码编译的服务，我觉得这种服务相当好，不需要你在本机安装编译器或IDE，想试试某个语言的语法，真接上网就OK，很方便。以前本站向大家介绍过《在线代码编译服务Codepad.org》其支持：C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby，Scheme，Tcl。当然，在这里，向你介绍一个可以运行Go语言的：http://golang.org/doc/play/

→

• 说起Web开发，很自然的就能想到UI。下面是一个UI的设计Patterns，这篇文章告诉了我们12个比较常用或是经典的图形UI Patterns。关于UI方面的话题，你可以参看酷壳的《35个强大的UI设计教程》、《UI的恶梦》和《史上最糟糕的网站》。

→

• 说起Web的界面，最让各位WEB开发者痛苦的就是网页兼容性问题，IE是一个恶梦，因为其自己和自己都不兼容，在MSDN上，有这样的一个网页说明了从IE5一直到IE9的CSS的兼容性问题，很多很多的表格，头都看大了。当然，以前本站的《检查网页浏览器的兼容性》的文章向你介绍过如何查看网站在不同浏览器中和操作系统下的效果（其也是一个在线服务）。

→

• 当然，Web上的开发，问题最大的还是安全问题，我们的Ruby on Rails给出了一个Web安全的开发教程，相当不错哦。谈到了几乎所有最有威胁和最常用的网上攻击，这个文档应该是所有Web开发者都需要注意的。

→

• 下面是一个给新手学习linux用的一个桌面（点击图片看大图），其列出了很多常用的命令，以及VI的常用命令。关于VI的一些东西，你可以查看本站的这些文章，如：VIM有趣的命令、如何在vim中得到你最喜爱的IDE特性

→

• 最后，给大家介绍一个关于文件格式方面东西，我们知道，很多文件的开头表明着这个文件的类型，所以，有这样的一个网站了维护了这么一个信息列表，其把几乎所有常见的文件头的那段和文件类型相关的Magic Number列了出来，而且还保持更新，非常不错哦，这个网站是：http://www.garykessler.net/library/file_sigs.html，希望能对你有用哦。

→

• 最最后，给大家介绍一个开源项目，叫Structure Synth，这个东西可以用来画出一些很酷的图，相当不错，使用起来非常简单，我试用了一下，的确很强大。用一些简单的脚本就可以作出很不错的3D图，下面是他的一个示例，只需要写那么不到10行的代码，很简单。

想看看，大家用这个东西做什么酷图了吗？上 http://www.flickr.com/groups/structuresynth/ 看看吧。

（全文完）

下面是一个大图，来自这里（点击看大图）。其“抱怨”了为什么HTML怎么都要管？呵呵。其分成三块：

• 第一块是关于HTML5的功能，你可以查看本站的这篇文章以查看相关的HTML5的细节。
• 第二块说明了各种浏览器对HTML5的支持，从图中我们可以看到Chrome是支持的最好的。
• 第三块从价格，功能，应用和效率上比较了HTML5和Flash，可参看本站的《HTML5 和 Flash 之争》。

比较方面，关于价格，虽然Flash Player是免费的，但是开发工具是收费的，最重要的是，HTML5不是公司的产品，不存在垄断。在功能方面，目前当然是Flash很强，因为其图形处理能力很强，这点HTML5不如。在通用性方面，Flash是以插件的方式，而HTML5是浏览器支持的。当然，在性能方面，Javascript的方式对于CPU消耗地太猛了，这点Flash优势就很大了。

HTML5还是Flash，你觉得哪个会更好呢？

二者之间的竞争会演变成为一场“战争”吗？（现在甚至出现了可以把Flash转成Javascript/HTML5的工具）

首先需要弄清楚二者之间最主要的区别，HTML 是一种语言（超文本标记语言 – HyperText Markup Language），而 Flash 是 Adobe（其收购了Macromedia）公司的一个浏览器插件（Plugin）。HTML5 目前还是 W3.org 规范中一个草案，这意味着其还没有最终定案，希望到 2012 年这项工作能够完成。

以下是二者各自的一些特点：

HTML5

这个新的技术更为易学和易用，比较 .FLA 和 .SWF 文件更容易编辑。并且基本上过去所有由 Flash 才能制作的动画效果都能够使用 JS + HTML5 + CSS 3 来完成，不过工作量可能会更大一些，不仅文件尺寸会增大，性能方面也会有影响。

以前为 Web 表单设定风格我们一定需要使用到 JavaScript， 但是 HTML5 中的 contenteditable 属性让我们可以做得更多。一些新的输入类型（Types of Inputs）也被加入到 HTML5 中，如：电子邮件，数字，值范围等等。

用户不仅仅需要一个支持 HTML5 的浏览器，还需要 CCS 3 和新的 JavaScript 引擎的支持。

免费（不包括第三方字体和音频视频等等）

更好地移动设备支持（HTML5 正在被运用于 iPhone，iPod，iPad 和 Android 应用的开发）

拖拽，事实上这不是 HTML5 的一部分，但是在新版本的 GMail 中，从桌面拖拽文件到浏览器能够用 HTML5 很好地实现。对于 Flash 我不知道这是否可以实现？

Flash

文件经过压缩，所以文件尺寸会比 HTML5 + CSS + JavaScript + 图像 + 其他 小。

硬件优化

需要安装 Flash 插件， Android 2.2（代号 FroYo）同样支持 Flash 插件。

Adobe 在它的 Creative Suite 5 中包含了 Flash Builder 4.0。

也许对很多人来说，相对于 HTML + JavaScript + CSS，Flash 应用 更难于“破解”。

以下是一些 Flash 能够实现而 HTML5 + JavaScript + CSS 3 不能的功能：

• 增强现实（Augmented Reality）
• 3D
• 真正的面向对象，而非原型（Prototyping）
• 对麦克风和摄像头的支持（事实上 HTML5 已经宣布要提供这些支持）
• 混色模式（如：渐进色，重叠色等等）
• Action Message Format （AMF）
• 二进制数据（Binary Data）
• 位图数据（BitMapData，HTML5 的画布 Canvas 和矢量标记语言 VML 可以实现近似的功能）
• 图形处理器的利用（Use of GPU）

结论

HTML5 是一项新技术，很多人会想要尝试它，而 Flash 业已存在很久，并且还将会有很长的生命周期。HTML5 短期内无法完全替代 Flash，而 Flash 可以作为 HTML5 的一个很好的补充。

HTML5 相关的一些链接

• HTML5 Browser Compatibility Test
• HTML5 by Apple
• HTML5 Demos
• HTML5 Rocks
• HTML5 Watch, not necessarily HMTL5 but interesting applies of JS like the Google Pacman
• Chrome Experiments
• Learn HTML5: 10 must read lessons