Javascript Garden，这是学习Javascript最好的网站了。http://bonsaiden.github.com/JavaScript-Garden，这个文档由两具StackOverflow的人写成, Ivo Wetzel(Writing) 和 Zhang Yi Jiang (Design)，表示敬意。

想看看Web开发有哪些技术吗？你得看看这个网站：http://stackparts.com/，他对目前几乎所有Web上用得到的技术都分了个类。下面是个抓图。

Mozilla的安全编程规范 https://wiki.mozilla.org/WebAppSec/Secure_Coding_Guidelines Downloads associated to Software development

PHP,Perl, Ruby, Python语法比较http://hyperpolyglot.org/scripting?utm_source

图形游戏编程的电子书 http://ploobs.com.br/?p=766

图形编程黑皮书：http://drdobbs.com/high-performance-computing/184404919

Black Art of 3D Game Programming: Writing Your Own High-Speed 3D Polygon Video Games in C 

想学设计模式吗？这是一个非常好的网站：http://www.vincehuston.org/dp/ 以元素周期表的形式把23个经典模式列出来，让我想到了这几天在看的美剧Breaking Bad，呵呵。

Learn C the Hard Way http://c.learncodethehardway.org/book/

Learn Ruby the Hard Way http://ruby.learncodethehardway.org/book/

Learn Python the Hard Way http://learnpythonthehardway.org/

Learn SQL the Hard Way http://sql.learncodethehardway.org/book/

Linux基础学习：

• Linux Fundamentals, Part 1
• Linux Fundamentals, Part 2
• Linux Fundamentals, Part 3
• Linux Fundamentals, Part 4

一些你可能不知道的git的tips：http://mislav.uniqpath.com/2010/07/git-tips/

一个给C/C++程序员用的Vim Plugin，我试用了一下，不是很好用。不过也许你会喜欢：http://www.fortystones.com/vim-plugins-c-cplusplus-developer/

数独游戏的程序算法，140个字节的一段javascript程序： https://gist.github.com/1230481/95f6facb74f51d089bea87eba0f470cf3bbed83a

一个教你用HTML5做一个画图版的教程：http://www.primaryobjects.com/CMS/Article134.aspx 其示例在这里 http://www.primaryobjects.com/paint/

这里又是一个HTML5的演示 http://www.spielzeugz.de/html5/sticky-thing/，一个物理的会粘在浏览器边框上的小方块，在iPad里演示相当有意思。只是其代码好像被搞得非常地不易读，不过，你可以试试这个工具来整理代码：http://jsbeautifier.org/，但是变量命名还是会让你毫无头绪。

HTML5的一个很炫的示例：http://lights.elliegoulding.com/  你可以用鼠标巡航，点左键加速（另，那位朋友知道其背景音乐？）

想用HTML5做股票图吗？看看这个库：http://www.rocketcharts.com/

一个7K的js，可以让你的HTML的列表很灵活的分类，排序，搜索，过滤：http://listjs.com/

一个OOP的PHP处理图片的类库：http://imagine.readthedocs.org

一个Javascript实现的H.264解码器。https://github.com/mbebenita/Broadway （演示地址 – 请用firefox打开，download速度可能很慢）不过，其是用Android C实现的，然后把C转成Javascript的代码。如果你想知道如何把C代码转成Javascript，你可以看看这个项目：https://github.com/kripken/emscripten – LLVM-to-JavaScript compiler。（变态！）

一个可以画流程图的Javascript lib – WireIt：http://neyric.github.com/wireit/

这是一个网站，仅用CSS，没有JS，没有图片做的N多公司的logo。但其可以用纯CSS做个动画，你可以看看：http://www.ecsspert.com/atari.php 研究了一下发现其用到了  -webkit-animation。

一个用bash处理JSON的脚本：https://github.com/rcrowley/json.sh

微软VS中的Debug Canvas,相当的不错啊。http://msdn.microsoft.com/en-us/devlabs/debuggercanvas，可惜只在 Visual Studio Ultimate里。

介绍一下很有意思的Firefox插件 Titl 3D，其项目主页在 https://github.com/victorporof/Tilt。这个插件使用WebGL可以3D地显示网页，安装好插件后，简单地按一下Ctrl+Shift+M就可以了。下面我用其显示了新浪微博和WebQQ。目前的功能不是很多，但是这个插件简直是太cool了——可以大胆的设想一下以后会不会有3D的网页。

最后，在网上看到一个笑话，如下：

这是给程序员们女朋友的建议。如果某程序员要和你分手，你可以参照这位国外程序员女友的作法——“你可以在facebook和twitter上拉黑我，也可以不回我的短信，但是，你永远不可能阻止我对你在Reddit上发的所有的贴投反对票！FUCK YOU ！”

就这些，希望对你会喜欢。

先说找工作吧，电影《该页无法显示》里的那个facebook主页上的招聘网页上是列了一堆问题，你可以去看看，你可以使用c/c++，Erlang，Haskell，Java，Perl，Python，PHP，Ruby来解题，不过只接受Unix/Linux下的版本， 不接受Windows的版本。无独有偶，DropBox的招聘网页上也是些算法题，大家可以过去看看，不过需要翻墙。（现在，对于美国互联网企业来说，如果你没有被C2C，说明你根本不存在，如果你没有被墙，说明你还不算成功）

接下来给大家介绍一些文档和教程吧，都是英文的。

• Java和C#的完整比较。这是一个相当完整的比较Java和C#语言的网页。很有意思，有助于你了解Java和C#的各种特性和不同。

• SQL 性能调优。这个文档覆盖了IBM DB2, MySQL, Oracle,PostgreSQL 和 Microsoft SQL Server。不过这个电子书还没有写完，你可以使用其RSS, twitter 或 Facebook 来跟踪其进度。

• Clever Algorithms。这个电子书也是免费的。其主要面向一些AI和面向自然的算法，一共45个。其包括概率随机算法，迭代进化算法，物理算法，可能性算法，蚂蚁蜜蜂式算法，免疫算法，神经算法等。里面大量的高等数学公式对我来说我已经看不懂了。不过，我相信这个电子书非常适合搞理论研究的人，或是需要抄袭一篇论文以顺利毕业的人使用。

• HTML5 Audio & Video 处理。这是一组在线的幻灯片，请使用键盘光标键翻页。这是一组带着各种演示的幻灯片，对于你要学习HTML5的声音和视频相关的知识很有帮助。

• C 语言的宏。你想知道C语的宏有哪些有些意思的用法吗？这篇文档不会让你失望的。其由浅入深地向你介绍了宏的各种用法。

• 各种语言的排序算法。你想知道各种语言其默认的排序算法用的是哪种排序算法吗？看看这篇文章吧。

• 物理模拟F#教程。相信你一定玩过那种游戏，画一个任意形状的石头，其会从天上落下以砸下面的一个东西，这个教程用.NET的F#向大家说明了这种东西怎么去做。（演示程序）

• Sin & Cos游戏教程。这篇文章向你介绍了一些游戏编程的技术。

• GNOME开发介绍。这是一个非官方的介绍GNOME应用开发的教程，简单清楚，很适合初学者。

• 10分钟学会Python。是的，也许你和我一样，很恨这样几天就学好一门语言的书，比如：21天学好C++。这个更夸张，10分钟。TNND。不过，当我看了一下后，我觉得其很适合初学者对Python有一个感性的认识。

• CSS阴影教程。这是一篇教你种CSS做出种式样式的阴影效果的教程，这里是演示。

• 用Haskell开发iPhone应用。这是一个教程序，告诉你如何用Haskell开发iOS的应用程序。

下面，再让我给你介绍一些和Web开发相关的开源的库。

• Photon。这是一个号称高性能的轻量级的PHP应用服务器框架。号称比Zend，Symfony和mod_php快3-10倍。

• ChemDoodle。这是一个用来画一些化学分子式的基于HTML5的类库和API，支持2D/3D，很强大。兼容于所有产商的支持HTML5的浏览器。

• LimeJS。这个JS库可以让你方便得制作一些触摸屏的小游戏。演示一，演示二。（一些游戏相关的JS）

• 拼写检查。这是一个英文拼写检查的JS。

• Pattern。这是东东很强大，用于做Web挖掘，其有一组工具用来从Google, Twitter, Wikipedia，Web爬虫，HTML上获得数据，并进行文本分析和数据图形化显示。你可以上这里看看相关演示。

• Titanium Mobile。你想让你的代码同时支持iPhone和Android吗？这是一个跨平台的开发工具。这里有一个教程。

• CSS3的按钮。这里可以去下载一个CSS3的库，里面有N多的按钮风格，感觉都很酷。

接下来，介绍一些小工具。

• Web兼容性表。你想看看各种浏览器对HTML5，CSS3，SVG的支持吗？这个网站可以让你看到所有的主流浏览器的兼容表。

• qgrep。嫌grep不够快吗？试试qgrep吧，支持OSX,  Linux 和 Windows。

• XKeymacs。你有Emacs情结吗？如果有的话，试试这个工具吧，在windows里到处c-x c-c, c-x c-s, c-p, c-n什么什么的。挺有意思的。好吧，不是有意思，是BT。

• Sublime Text 2。虽然目前只是Alpha版本，但是这个看上去真的很不错。尤其是用来查看代码。支持Windows, Linux和OSX。

• VS-Android。这个项目让你可以在Visual Studio 2010的IDE下开发Android NDK C/C++的程序。

其它东西。

• 脚本语言排名。这个网页不但对所有的脚本语言进行了排名，还对一些操作进行了比较。

• HTML5的3D演示，这里有几个HTML5的3D演示，你可以看看，演示一，演示二，演示三，演示四。

• 说到Web上的3D，你可能需要看看Adobe的Molehill (3D GPU accelerated) APIs，这里有一篇介绍文章。

• 还记得那个流体力学的演示吗？现在有人把其做到了iPhone/iPad上。

就这么多吧，也许没什么意思，那也请你见谅了。

（全文完）

游戏引擎

3D 引擎

相比起成熟的游戏引擎来说，这些引擎没有包括诸如AI、声音、游戏逻辑、网络等等功能，不过，你可以使用别的一些JS库来辅助完成这些功能。

碰撞检测

• http://code.google.com/p/box2dweb/ – 由 Box2D 移植成 JS

动画

声音

• SoundManager2

图形

Canvas

注意，文件尺寸比较并不一定准确，因为有些lib并没有压缩过。

• Stackblur – 在 Canvas 上实现模糊的效果
• Pixastic – 简单的图片操作
• Raphaël – 进行一些矢量图以及一些变化操作，能看这篇文章
• CamanJS – Canvas上的一些滤镜
• CanvasContext2DWrapper – Method chaining for Canvas

WebGL

• WebGLU – WebGL helpers

Color

• color.js – 颜色管理工具。 MIT

Math

• Sylvester – 数组和矩阵

其它

• PlayMyCode – 在线游戏社区。使用 Quby (像Ruby) 编译成JavaScript.
• Sphere RPG Engine – 为 RPG 游戏设计。使用 JavaScript
• playtomic – Commercial service providing analytics, leaderboards etc. services for games. Provides HTML5/JS API in addition to AS2/AS3 ones.

(全文完)

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

顺祝大家中秋节快乐！以及进入史上最混乱的长假调休。呵呵。

Sinuous

小心被红点撞上。

超级玛丽卡丁车

A small but fun racing game built in html5 canvas and javascript.

吃豆

圆环俄罗斯方块

Asteroids

Bert’s Breakdown

很不错的游戏，漂亮的界面以及不错的关卡设置。

TWITCH

TWITCH是一个解题性质的游戏。试试看你有多快。

JS Wars

一个经典的空战游戏。

Chain Reaction

一个简单又容易上瘾的游戏。

Same Game

这个游戏相信大家都会玩，把相同颜色的连在一起。

Coverfire

JQuery Racing

靠！这个游戏很耐完，我相信你一定会在上面花很多时间。 jQuery 做的。

Thrust

经典的八位图游戏。让我想起了《史上最烂的超级玛丽》

俄罗斯方块

3D 俄罗斯方块 – Cubeout

Galatic Plunder

这个游戏使用了Canvas 和 Audio，主要是为了证明，没有Flash，用HTML5一样行。

Lines

很简单的游戏，我老看到办公室里很多人在玩。

RGB Invaders

小蜜蜂。

Agent 008 Ball

受不了了，还有台球。

JSLander

一个飞船着陆游戏。速度不要起过去6，不然就坠毁了。

Rainbow Blocks

SameGame 和JT的另一种变种。

文章：http://blog.insicdesigns.com/2010/09/showcase-of-games-developed-using-html5-canvas/

（全文完）

http://meatfighter.com/mario/mario.html

你还见过更烂的吗？

需要注意的是，那个源程序在你的本机是不会有声音的，因为这跟flash的设置有关系，如果你需要有游戏声音，你还需要有以下的设置：

  1. 打开 Adobe Flash Control Panel:
     http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
  2. 点击 Edit Locations
  3. 点击 Add Location
  4. 浏览你的 google_pacman 目录
  5. 点击 Add

需要注意的是，这个源程序并不是Google官方发布的，只不过是某些好事者的网友发布的，不知道在日后的Google的Logo归档中是否会见到这个Logo。顺便说一下，根据 Google官方BLOG，这个程序是由 Marcin Wichary 和 Ryan Germick做的。真是又应了那句话——“如果一个应用能被Javascript实现，那么其最终会被Javascript实现”。

3DRT

这是一个迄今为止最好的站点。不仅仅因为这个站点有很多非常专业的模型，而且这个站点在收费方面还不是太坏——经常会有一些折扣。几乎，所有的模型都是动两国的，而且他们还是有皮肤的。他们有各式各样样的格式，并且提供PSD文件，这样方便你创建自己的皮肤。

Garage Games

在 Garage Games，一些艺术包也有非常“漂亮”的价格，有一些相当不错，但也有一些普普通通。这些东西完全取决于艺术家们怎么去创作他们的。这个站点并不提供很多的格式。另外，在 Garage Games上，你还能找到很多不错的声音素材。

FPS Creator

这个站点有很多相当不错的模型和声音。所有的素材都是动画的和有皮肤的。所有的都是基于FPS creator格式的和可以被转换成其它格式的 .X 格式。有一个很不错的是，这些FPS 模型（手臂和火枪）包括了很多的乱七八糟的生物和敌人，这些东西几乎可以用来直接用于游戏了。

Realm Crafter Packs

这里的模式是中等质量的。他们并不是最好的，不过他们的价格可能是比较低的。几乎所有的模型都是有动画的并有一些不同的格式。有一些模式只是静态的而没有动画。

Tridinaut

如果你想一些中世纪的武器，那么这个站点会给你提供很多这类的玩意。质量非常好，而且所有的模型现在还在免费。如果你给上 $50-$100 美金，他们会给你制作你想要的东西，这些人的确非常不错。

希望你觉得这5个站点对你的游戏编程的工作很有用。

文章：来源