导读：原文来自《 Best “must know” open sources to build the new Web》，译文由酷壳网陈皓整理编译《 开源中最好的Web开发的资源 》。文中收集的资料相当的齐全，供大家学习、参考。
学习HTML 5编程和设计
★ HTML5 Rocks: Major Feature Groups的学习HTML5的资源(HTML5演示，教程). 源码
很不错的HTML5 Dashboard–Mozilla，效果很炫。
WhatWG Developers,一个清楚的HTML5技术规格说明书。
★ *:大名鼎鼎的技术问答式论坛。
★ Addyosmani, jQuery和JavaScript文章教程
Sohtanaka, jQuery和JavaScript文章和教程
★ Nettuts+是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖HTML, CSS,Javascript,CMS’s, PHP 和 Ruby on Rails.
Codrops,教程和web资源
WebAppers,最好的开源资源
Tutorialzine–PHP MySQL jQuery CSS 教程,资源和赠品
codes snippets,作者自己收集的一些代码片段
服务器端的软件
★ Node.js是服务器端的JavaScript环境，其使用了异步事件驱动模式。其让Node.js在很多互联网应用体系结构下获得非常不错的性能。源码 和实时演示。
PhantomJS也是一个服务器端的 JavaScript API的WebKit。其支持各种Web标准：DOM处理, CSS 选择器, JSON, Canvas, 和 SVG
Lighttpd 一个轻量级的开源Web服务器。新闻，文档，benchmarks, bugs, 和 download. Lighttpd 支撑了几个非常著名的 Web 2.0 网站，如：YouTube, wikipedia 和 meebo.
NGinx , 性能巨高无比的轻量级的Web服务器。比Apache高多了。花了6年的时间，终于走到了1.0版。
Apache HTTP Server 是一个很流行的并支持多个流行的操作系统的Web服务器。
★ PHP 可能是最流行的服务器端的Web脚本动态处理语言。
当然，还有 Ruby , Python , Erlang , Perl , Java , .NET , Android , C++ , Go ,Fantom ,CoffeeScript , D , …
PHP 框架和工具
★ WordPress是一个基于博客系统的开源软件。参看《WordPress是怎么赢的？ 》
Drupal 是一个内容管理系统 (CMS).
Centurion是一个新出现的开源 CMS ，一个灵然的 PHP5 Content Management Framework. 使用 Zend Framework, 其组件坚持通用，简单，清楚和可重用的设计原则。
phpBB 一个开源的论坛（国内的Discuz！更多）
★ SimplePie : 超快的，易用的, RSS 和 Atom feed PHP解析。
★ PHPthumb , PHP 图片处理库
★ PHPMailer 强大的全功能的PHP邮件库
PubSubHubbub 协议，一个简单，开放， server-to-server 的 pubsub (publish/subscribe) 协议——Atom and RSS的扩展。
更多的请参看–20个你应该知道PHP库 和 9个强大免费的PHP库
数据库
★ Apache CouchDB是一个面向文档的数据库管理系统。它提供以JSON 作为数据格式的REST 接口来对其进行操作，并可以通过视图来操纵文档的组织和呈现。.源码 .
MonoQL是一个采用PHP+ExtJS开发的MySQL数据库管理工具。界面极像一个桌面应用程序，支持大部分常用的功能包括：表格设计，数据浏览/编辑，数据导入/导出和高级查询等。
MariaDB是MySQL 的一个分支，由MySQL 创始人Monty Widenius 所开发。GPL，用来对抗Oracle所有的MySQL的license的不测。自Oracle收购SUN以来，整个社区对于MySQL前途的担忧就没有停止过。
★ SQLite不像常见的客户端/服务器结构范例，SQLite引擎不是个程序与之通信的独立进程，而是连接到程序中成为它的一个主要部分。所以主要的通信协议是在编程 语言内的直接API调用。这在消耗总量、延迟时间和整体简单性上有积极的作用。整个数据库（定义、表、索引和数据本身）都在宿主主机上存储在一个单一的文 件中。它的简单的设计是通过在开始一个事务的时候锁定整个数据文件而完成的。库实现了多数的SQL-92标准，包括事务，就是代表原子性、一致性、隔离性 和持久性的（ACID），触发器和多数的复杂查询。不进行类型检查。你可以把字符串插入到整数列中。某些用户发现这是使数据库更加有用的创新，特别是与无 类型的脚本语言一起使用的时候。其他用户认为这是主要的缺点。
SQL 在线设计编辑器 ，这一节的那个图片就是这个在线编辑器的样子了。一个画数据库图表的在线工具。很强大。
API 和在线数据
ProgrammableWeb, 最流行的Web Services 和 API 目录大全。
Google Data Protocol 一组Google服务的数据服务API。
Yahoo! Developer Network– APIs 和 Tools
Yahoo! Pipes可视化在线编程工具，它是一个用于过滤、转换和聚合网页内容的服务。
★ The Yahoo! Query Language一个很像 SQL的网页查询工具。
在线代码和媒体编辑器
★ CodeRun Studio一个基于JavaScript语言开发的跨平台的集成开发环境，它立足于云计算的设计思路，方便开发者在浏览器端便可以轻松开发、调试和部署网络应用程序。（参看《Coderun.com 在线开发IDE 》）
Cloud9 IDE– 一个基于Node.JS构建的JavaScript程序开发Web IDE。它拥有一个非常快的文本编辑器支持为JS, HTML, CSS和这几种的混合代码进行着色显示。
★ jsFiddle– Javascript的在线运行展示框架，这个工具可以有效的帮助web前端开发人员来有效分享和演示前端效果，其简单而强大 (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Akshell ， 一种云服务，它使用服务端的JavaScript和在线的IDE帮助开发者进行快速应用程序开发。 它还提供云托管，所以部署是即时的。
JSONeditor, 一个好用的JSON 编辑器
★ TinyMCE一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，由JavaScript写成。
Ext Designer是一个桌面应用工具，帮助你快速开发基于ExtJS 的用户界面。
★ LucidChart ，一款基于最新的html5技术的在线图表绘制软件，功能强大，速度快捷，运行此软件需要支持html5的浏览器。
Balsamiq Mockups, 产品设计师绘制线框图或产品原型界面的利器。
Color Scheme Designer3 - 一个免费的线上调色工具
★ Pixlr, 是一个来自瑞典基于Flash的免费在线图片处理网站。除了操作介面和功能接近Photoshop，还是多语言版本，支持简体中文。（以前酷壳介绍过）
Aviary, 是一个基于HTML5 的在线图片处理工具，可以很容易的对图片进行后期处理。 Aviary API
Favicon Generator , 线上favicon(16×16)制作工具。
代码资源和版本控制
★ GitHub是一个用于使用Git版本控制系统的项目的基于互联网的存取服务。
Git是一个由Linus为了更好地管理linux内核开发而创立的分布式版本控制／软件配置管理软件。其巨快无比，高效，采用了分布式版本库的方式，不必服务器端软件支持，使源代码的发布和交流极其方便。
Google Code谷歌公司官方的开发者网站，包含各种开发技术的API、开发工具、以及开发技术参考资料。
Google Libraries API Google 将优秀的 JavaScript 框架部署在其 CDN 上，在我们的网站上使用 Google Libraries API 可以加速 JavaScript 框架的加载速度。
Snipplr一个开放的源代码技巧分享社区，号称Code 2.0。和一般的源码分享网站不同，它针对的并不是大型网站源码，而是一些编程的代码技巧。
JavaScript 桌面应用框架
★ jQuery是一个快速、简单的JavaScript library， 它简化了HTML 文件的traversing，事件处理、动画、Ajax 互动，从而方便了网页制作的快速发展。 源码 , API , API浏览 , 很不错的文档 .
★ 官方的 jQuery User Interface (UI) library(演示和文档). 源码 ,Themes Roller , Download .
YUI 2— Yahoo! User Interface Library
Mootools, 一个超级轻量级的 web2.0 JavaScript framework
Prototype提供面向对象的Javascript和AJAX
DojoThe Dojo Toolkit，一个强大的无法被打败的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。
★ Ext JS 4, 业内最强大的 JavaScript framework。
PHP.js, 一个开源的JavaScript 库，它尝试在JavaScript 中实现PHP 函数。在你的项目中导入PHP.JS 库，可以在静态页面使用你喜欢的PHP 函数。
JavaScript 移动和触摸框架
★ jQuery Mobile: 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满 足这样的需求。 Sources .
Zepto.jsZepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。 Sources.
MicroJS: Microjs网站应用列出了很多轻量的Javascript类库和框架，它们都很小，大部分小于5kb。这样你不需要因为只需要一个功能就要加载一个JS的架。
★ PhoneGap:是一款开源的手机应用开发平台，它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 Sources .
★ Sencha TouchSencha Touch 是一个支持多种智能手机平台（iPhone, Android, 和BlackBerry）的 HTML5 框架。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。
JQtouch, 是一个jQuery 的插件，主要用于手机上的Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的JavaScript 库。Sources .
DHTMLX Touch针对移动和触摸设备的JavaScript 框架。DHTMLX Touch基于HTML5，创建移动web应用。它不只是一组UI 小工具，而是一个完整的框架，可以针对移动和触摸设备创建跨平台的web应用。它兼容主流的web浏览器，用DHTMLX Touch创建的应用，可以在iPad、iPhone、Android智能手机等上面运行流畅。