Web開發必備資源彙總[轉]

導讀：原文來自《 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技術規格說明書。

★ StackOverflow :大名鼎鼎的技術問答式論壇。

★ 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 教程,資源和贈品

Mozilla JavaScript guide

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 Designer 3 - 一個免費的線上調色工具

★ 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

Dojo The 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.js Zepto.js 是支持移動WebKit瀏覽器的JavaScript框架，具備與jQuery兼容的語法。2-5k的庫，經過不錯的API處理絕大多數的基本工做。 Sources.

MicroJS : Microjs網站應用列出了不少輕量的Javascript類庫和框架，它們都很小，大部分小於5kb。這樣你不須要由於只須要一個功能就要加載一個JS的架。

★ PhoneGap :是一款開源的手機應用開發平臺，它僅僅只用HTML和JavaScript語言就能夠製做出能在多個移動設備上運行的應用。 Sources .

★ Sencha Touch Sencha 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智能手機等上面運行流暢。