超全的web開發工具和資源

作為Web開發者，這是好的時代，也是壞的時代。Web開發技術也在不斷變化。雖然很令人興奮，但是這也意味著Web開發人員需要要積極主動的學習新技術和新的編程語言，並願意和渴望接受新的挑戰，以適應變化。新的挑戰可能會包括一些開發上的要求，如利用適應現有的框架來滿足業務需求。測試一個網站，能從中知道出了哪些技術上的問題，並且我們針對這些問題進行優化和消除。便於後端的開發進程加快和測試。所以我們列出了完整的web開發所需要的工具和資源，助力開發者提高開發效率！學不止步，讓我們努力成為一個優秀的開發者！

Web開發工具和資源整合

在這裡說聲抱歉，對於開發者開發使用的工具，我們無法一一囊括，這裡是選取較為熱門的工具和資源作為範例。我們希望能從中找到適合自己的工具助力自己的開發！

註：工具和資源排序不分先後。

JavaScript庫

我敢說JavaScript語言是目前web開發最流行的編程語言。JavaScript庫又稱JavaScript框架，封裝了很多預定義的對象和使用函數。是網站更容易相容各式各樣的瀏覽器。那麼您就可以使用以下JavaScript庫來幫助你的開發更好進行。

• jQuery：快y速，小巧，功能豐富的JavaScript庫。
• BackBoneJS：為複雜Javascript應用程式提供模型(models)、集合(collections)、視圖(views)的結構。
• D3.js：D3是基於數據的文檔操作javascript庫,D3能夠把數據和HTML、SVG、CSS結合起來,創造出可交互的數據圖表。
• React:：Facebook的Javascript庫為構建用戶界面而開發。
• jQuery UI：jQuery UI 是以 jQuery 為基礎的開源 JavaScript 網頁用戶界面代碼庫。包含底層用戶交互、動畫、特效和可更換主題的可視控制項。
• jQuery Mobile：基於HTML5用於創建移動 web 應用程式的框架。
• Underscore.js：JavaScript實用庫,提供了類似Prototype.js的一些功能,但是沒有繼承任何JavaScript內置對象。
• Moment.js：一個 JavaScript 日期處理類庫，用於解析、檢驗、操作、以及顯示日期。
• Lodash：一個 JavaScript 實用工具庫,提供一致性,模塊化,性能和配件等功能。
• Vue：Vue.js（讀音 /vjuː/, 類似於 view）是一個構建數據驅動的 web 界面的庫。Vue.js 的目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

前端框架

通俗的前端由HTML，CSS，JavasScript等構成。當然為了適應Web開發日益增長的需求，應運而生許多獨立的前端框架，例如Bootstrap。一個優秀的框架可以為前端開發人員在開發過程中增益，減小開發壓力。

• Bootstrap： Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。
• Foundation： 迄今為止最好的響應式前端框架，更快、更輕、更多功能、更靈活、更強大！
• Semantic UI：Semantic UI 是一款語義化設計的前端開源框架,其功能強大,使用簡單,為設計師和開發師提供可復用的完美設計方案。
• uikit：UIKit使用的變數基於LESS,具有體積小、模塊化、可輕鬆地自定義主題及響應式界面。

Web應用框架

Web應用框架作為一個軟體框架，意在幫助和緩解開發者在進行Web應用的開發與維護時遇見的開發問題。例如：AngularJS，您可以在您的項目完全免費使用它，詳細文檔請您參見 angularcdn.com.

• Ruby：Ruby on Rails 是使用 Ruby 語言編寫的網頁程式開發框架，目的是為開發者提供常用組件，簡化網頁程式的開發。
• React：React 起源於 Facebook 的內部項目，React 的設計思想極其獨特，屬於革命性創新，性能出眾，代碼邏輯卻非常簡單。是現在非長熱門的框架。
• Vue：Vue.js 是用於構建互動式的 Web  界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。從技術上講， Vue.js 集中在 MVVM 模式上的視圖模型層，並通過雙向數據綁定連接視圖和模型。
• AngularJS：AngularJS 通過新的屬性和表達式擴展了 HTML，可以構建一個單一頁面應用程式。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動化雙向數據綁定、語義化標簽、依賴註入等等。
• Ember.js：一個用於創建 web 應用的 JavaScript MVC 框架，採用基於字元串的Handlebars模板，支持雙向綁定、觀察者模式、計算屬性（依賴其他屬性動態變化）、自動更新模板、路由控制、狀態機等。
• Express：基於 Node.js 平臺的 web 應用開發框架 基於Node.js 平臺,快速、開放、極簡的 web 開發框架。
• Meteor：Meteor 是一個構建在 Node.js 之上的平臺，用來開發實時網頁程式。Meteor 位於程式資料庫和用戶界面之間，保持二者之間的數據同步更新。
• Django：Django是一個開放源代碼的Web應用框架,由Python寫成。採用了MVC的軟體設計模式,即模型M,視圖V和控制器C。
• ASP.net：ASP.NET是免費，高相容的WEB應用框架，能夠提供標準化WEB應用構建時所需的解決方案。
• Laravel：一個免費，開源的PHP Web應用程式框架，可以基於MVC模式來創建Web應用程式。
• Zend Framework 2：一款的Web應用框架，基於PHP來創建Web應用和服務端應用。
• Phalcon：Phalcon 是開源、全功能棧、使用 C 擴展編寫、針對高性能優化的 PHP 5 框架。
• Symfony：Symfony是一個基於MVC模式的面向對象的PHP5框架。Symfony允許在一個web應用中分離事務控制，服務邏輯和表示層。
• CakePHP：CakePHP是一個運用了諸如ActiveRecord、Association Data Mapping、Front Controller和MVC等著名設計模式的快速開發框架。主要目標是提供一個可以讓各種層次的PHP開發人員快速地開發出健壯的Web應用，而 又不失靈活性。
• Flask：Flask是一個使用 Python 編寫的輕量級 Web 應用框架。其 WSGI 工具箱採用 Werkzeug ，模板引擎則使用 Jinja2
• CodeIgniter：CodeIgniter 是一個簡單快速的PHP MVC框架。它為團隊提供了足夠的自由支持，允許開發人員更迅速地工作。

任務批處理工具/包管理器

任務批量處理工具可將你的工作流程全自動化.例如你可以創建一個任務，使用JavaScript語言編寫的工具來進行自動化的處理。 然後打包，這樣會大大提高開發效率。 包管理器它能跟蹤所有已安裝的軟體、自動化進行安裝和刪除應用程式、以及確保所有軟體都保持更新以獲得最新的增強功能和錯誤修複。

• Grunt：Grunt是基於Node.js的項目構建工具。它可以自動運行你所設定的任務。
• Gulp：Gulp.js 是基於 Node.js 構建的一個自動化構建工具,開發者可以使用它在項目開發過程中自動執行常見任務。
• npm：NPM（node package manager），通常稱為node包管理器。顧名思義，它的主要功能就是管理node包，包括：安裝、卸載、更新、查看、搜索、發佈等。
• Bower：Bower是一個客戶端技術的軟體包管理器，它可用於搜索、安裝和卸載如JavaScript、HTML、CSS之類的網路資源。
• Webpack：Webpack一個前端資源載入/打包工具，只需要相對簡單的配置就可以提供前端工程化需要的各種功能，並且如果有需要它還可以被整合到其他比如 Grunt / Gulp 的工作流。

編程語言 / 開發平臺

所有Web開發都需要編程語言的支持.編程語言（programming language），是用來定義電腦程式的形式語言。它是一種被標準化的交流技巧，用來向電腦發出指令。一種電腦語言讓程式員能夠準確地定義電腦所需要使用的數據，並精確地定義在不同情況下所應當採取的行動。.當然進行Web開發不僅僅只有一門語言來進開發。

• PHP：PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本預處理器”）是一種通用開源腳本語言。語法吸收了C語言、Java和Perl的特點，利於學習，使用廣泛，主要適用於Web開發領域
• NodeJS：Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。
• Javascript：JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言
• HTML5：標記語言，是HTML和XHTML的最新版本。
• Python：Python是一種解釋型、面向對象、動態數據類型的高級程式設計語言。
• Ruby：Ruby，一種為簡單快捷的面向對象編程（面向對象程式設計）而創的腳本語言
• Scala：Scala是一門多範式的編程語言，一種類似java的編程語言，設計初衷是實現可伸縮的語言、並集成面向對象編程和函數式編程的各種特性。
• CSS3：CSS即層疊樣式表（Cascading StyleSheet）。 在網頁製作時採用層疊樣式表技術，可以有效地對頁面的佈局、字體、顏色、背景和其它效果實現更加精確的控制。CSS3是CSS的最新版本。
• SQL：結構化查詢語言(Structured Query Language)簡稱SQL，是一種特殊目的的編程語言，是一種資料庫查詢和程式設計語言，用於存取數據以及查詢、更新和管理關係資料庫系統；同時也是資料庫腳本文件的擴展名。
• Golang：Go是Google開發的一種編譯型，可平行化，並具有垃圾回收功能的編程語言。
• Rust：Rust是Mozilla開發的註重安全、性能和併發性的編程語言。
• Elixir：Elixir 是一種函數式編程語言,建立在Erlang虛擬機之上。它是一種動態語言,靈活的語法與巨集支持,利用Erlang的能力來構建併發、分散式、容錯應用程式與熱代碼升級。

資料庫

資料庫（Database）是按照數據結構來組織、存儲和管理數據的倉庫。

• MySQL：MySQL是一種關聯資料庫管理系統，關聯資料庫將數據保存在不同的表中，而不是將所有數據放在一個大倉庫內，這樣就增加了速度並提高了靈活性。
• MariaDB：MariaDB資料庫管理系統是MySQL的一個分支，主要由開源社區在維護，採用GPL授權許可 MariaDB的目的是完全相容MySQL，包括API和命令行，使之能輕鬆成為MySQL的代替品。
• MongoDB：MongoDB 教程 MongoDB 是一個基於分散式文件存儲的資料庫。由 C++ 語言編寫。旨在為 WEB 應用提供可擴展的高性能數據存儲解決方案。
• Redis：Redis是一個開源的使用ANSI C語言編寫、支持網路、可基於記憶體亦可持久化的日誌型、Key-Value資料庫，並提供多種語言的API。
• PostgreSQL：ostgreSQL支持大部分 SQL標準並且提供了許多其他現代特性：複雜查詢、外鍵、觸發器、視圖、事務完整性、MVCC。

CSS 預處理器

CSS 預處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，為 CSS 增加了一些編程的特性，將 CSS 作為目標生成文件，然後開發者就只要使用這種語言進行編碼工作。

通俗的說，“CSS 預處理器用一種專門的編程語言，進行 Web 頁面樣式設計，然後再編譯成正常的 CSS 文件，以供項目使用。CSS 預處理器為 CSS 增加一些編程的特性，無需考慮瀏覽器的相容性問題”，例如你可以在 CSS 中使用變數、簡單的邏輯程式、函數等等在編程語言中的一些基本特性，可以讓你的 CSS 更加簡潔、適應性更強、可讀性更佳，更易於代碼的維護等諸多好處。例如：Sass，Less，Stylus。

• Sass： Sass是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。
• Less：Lesscss是一種動態樣式語言,屬於CSS預處理語言的一種,它使用類似CSS的語法,為CSS的賦予了動態語言的特性,如變數、繼承、運算、函數等,更方便CSS的編寫和維護。
• Stylus：Stylus 是一個CSS的預處理框架，2010年產生，來自Node.js社區，主要用來給Node項目進行CSS預處理支持，所以Stylus 是一種新型語言，可以創建健壯的、動態的、富有表現力的CSS。

如果你是剛剛開始使用CSS的預處理器，你可能要先使用第三方編譯器進行開發，如下所示。

文本編輯器 / 代碼編輯器

無論你是做筆記，敲代碼，或者Markdown文檔編寫，一個好的文本編輯器都是必須擁有的！

• Atom：Atom 更為先進的文本代碼編輯器 - 由 Github 打造的下一代編程開發利器在代碼編輯器、文本編輯器領域,有著不少的「神器」級的產品。
• Sublime Text：Sublime Text 是一個代碼編輯器（Sublime Text 2和3是收費軟體，但可以無限期試用），也是HTML和散文先進的文本編輯器。
• Notepad++：Notepad++是 Windows操作系統下的一套文本編輯器(軟體版權許可證: GPL)，有完整的中文化介面及支持多國語言編寫的功能。
• Visual Studio Code ：微軟推出，一個運行於 Mac OS X、Windows和 Linux 之上的，針對於編寫現代 Web 和雲應用的跨平臺源代碼編輯器。
• TextMate：TextMate是Mac下的著名的文本編輯器軟體，與BBedit一起並稱蘋果機上的emacs和vim。
• Coda 2:  OS X下快速，簡潔，功能強大的編輯器【需要付費】.
• WebStorm：jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。
• Vim：Vim是一個類似於Vi的著名的功能強大、高度可定製的文本編輯器，在Vi的基礎上改進和增加了很多特性。
• Brackets：Brackets 是一個免費、開源且跨平臺的 HTML/CSS/JavaScript 前端 WEB 集成開發環境 (IDE工具)。
• Emacs：著名的集成開發環境和文本編輯器。Emacs被公認為是最受專業程式員喜愛的代碼編輯器之一。

Markdown 編輯器

Markdown 是一種輕量級的「標記語言」,它的優點很多,目前也被越來越多的寫作愛好者,撰稿者廣泛使用。Markdown 十分輕量,學習成本也不高。

• MWeb：專業的 Markdown 寫作、記筆記、靜態博客生成軟體 【付費】
• Markeditor：MarkEditor 是最新的一款 Markdown 編輯器，除了基本功能外，還包含了諸如表格編輯、圖表、高亮、公式等等豐富的功能！【付費】
• StackEdit：一個開放源碼免費使用的 MarkDown 編輯器, 基於 PageDown,使用了 Stack Overflow 和其他 Stack Exchange 網站的 MarkDown 庫
• Dillinger：Dillinger 是一款線上的 Markdown 編輯器,支持更換主題,字數統計,雲服務保存,導出 HTML、PDF 等功能。
• Mou: Mac OS X下的免費Markdown編輯器【作者貌似已經跑路了】
• Texts：Windows和Mac OS X下純文本編輯器。

表示有些付費的Markdown編輯器寶寶買不起。

icon圖標

幾乎每一個Web開發者，尤其是前端開發人員都會需要icon圖標來增色項目。

• Font Awesome：Font Awesome為您提供可縮放的矢量圖標,您可以使用CSS所提供的所有特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。
• IconMonster：免費，高質量, 龐大且資源不斷增長的簡潔的icon圖標庫。
• IconFinder：Iconfinder提供美麗的圖標,服務數以百萬計的設計師,開發商和其他有創意的專業人員。
• Fontello：一個目測有200+個圖標（數量還在增加）的 Web-font 圖標市場，對於廣大設計師、前端開發者來說是很棒的資源。
• 阿裡媽媽矢量圖標庫 ：Iconfont.cn是由阿裡巴巴UX部門推出的矢量圖標管理網站，也是國內首家推廣Webfont形式圖標的平臺。網站涵蓋了1000多個常用圖標並還在持續更新中  

Git 代理 / 服務

• SourceTree：SourceTree 是 Windows 和Mac OS X 下免費的 Git 和 Hg 客戶端。支持創建、克隆、提交、push、pull 和合併等操作。
• GitKraken (Beta)：一款自由、直觀、快捷、美觀的跨平臺Git客戶端。
• Tower 2：一款美麗，高效，強大的Git管理，讓Git版本控制變得容易。
• GitHub Client：有助於無縫連接GitHub和GitHub的企業的項目。
• Gogs：Gogs (Go Git Service) 是一款極易搭建的自助 Git 服務。 開發目的 Gogs 的目標是打造一個最簡單、最快速和最輕鬆的方式搭建自助 Git 服務。
• GitLab:  GitLab是利用 Ruby on Rails 一個開源的版本管理系統,實現一個自托管的Git項目倉庫,可通過Web界面進行訪問公開的或者私人項目。
• Coding：Coding 的代碼托管功能除了基本的 Git 倉庫以外，還有保護分支，分屏對比， Code Review 等高級功能。並且整合了 Pages 服務，質量管理，演示平臺等開發工具，提升研發效率。

本地開發環境搭建

根據您運行的是什麼操作系統和電腦配置，有時候進行測試的時候就有可能需要搭建一個快速的本地開發環境。自己搭建很是蠻煩，不用擔心，有很多將Apache，Nginx，MySQL和phpMyAdmin進行打包一體化的軟體。這些軟體很是方便我們來進行本地測試。

• XAMPP：XAMPP（Apache+MySQL+PHP+PERL）是一個功能強大的建站集成軟體包。
• MAMP PRO：MAMP Pro for mac是Mac OS平臺搭建本地伺服器環境的組合軟體套裝,包含 Macintosh、Apache、MySQL和PHP 四大開發環境。
• WampServer：Wamp就是Windows Apache Mysql PHP集成安裝環境，即在window下的apache、php和mysql的伺服器軟體。
• Vagrant：Vagrant是一個基於Ruby的工具，用於創建和部署虛擬化開發環境。它 使用Oracle的開源VirtualBox虛擬化系統，使用 Chef創建自動化虛擬環境。
• Laragon：Laragon工具就是Laravel的一鍵安裝工具吧，還集成了一整套wamp工具，除去Laravel安裝外，它也是一款不錯的wamp工具，乾凈簡單，便捷迅速。Diff Checkers
• Wnmp：WNMP是Windows下便捷，安全的Nginx+MariaDB+PHP開發環境環境集成套件包。

文本對比檢查

Diff checkers 可以幫助您比較文件之間的差異，然後合併更改。幫助我們更直觀的看見文本之間的差異。

• Diffchecker：Diffchecker 是一款非常好用的線上文本對比工具,能夠高亮顯示有差異的行和字元。Diffchecker 提供了文件上傳對比功能,還可以選擇對比的存儲時間。
• Beyond Compare：Beyond Compare是一套由Scooter Software推出的軟體，主要用途是對比兩個文件夾或者文件，並將差異以顏色標示。

當然有很多免費的文本編輯器，包括我們上面提到的也有插件和擴展，可以協助開發者方便的進行文件比較。

代碼共用 / 代碼測試

前端開發者在公司內或者團體間需要進行協作，共用代碼，那麼一下工具很值得開發者一試。

• JS Bin：JS Bin能夠讓你編輯和測試JavaScript和HTML代碼。你還可以將編輯後的代碼保存到本地,或將URL地址發給其他人,讓其協助調試代碼。
• JSfiddle：jsFiddle是一個線上的shell編輯器,通過流行的JS框架創建自定義的環境,以簡化JS代碼。可以用於測試示例代碼。
• codeshare：與其他開發者實時共用代碼。
• Dabblet：Dabblet是一個開源互動測試工具,用於測試CSS和HTML。Dabblet支持實時更新、匿名備份、嵌入網站、與他人共用或者存儲到GitHub。

協作工具

每一個很棒的開發團隊需要一種方式來保持聯繫，協作，來幫助提高生產力。

• Slack：Slack 是聊天群組 + 大規模工具集成 + 文件整合 + 統一搜索。
• Trello：Trello的目標是提供簡潔清晰的團隊協作工具。不過彌縫在這裡將介紹如果將Trello用來建立自己的時間管理系統。
• Glip：Glip:線上團隊辦公協作平臺是一個類似於Slack網站的網路辦公集合體,內置了郵箱、網盤、即時通訊應用、協作服務等,把所有和網路辦公有關的服務和工具都整合在了一起。
• Asana：Asana是一款團隊任務管理軟體 方便人們去制定和跟蹤團隊的項目任務的完成情況
• Jira：JIRA是Atlassian公司出品的項目與事務跟蹤工具，被廣泛應用於缺陷跟蹤、客戶服務、需求收集、流程審批、任務跟蹤、項目跟蹤和敏捷管理等工作領域。

靈感創意

當我們進行開發時，偶爾迸發的靈感會使我們的項目或者產品增色不少。當然不僅僅依靠自我的靈感，我們也需要從別人的作品中得到靈感來保證我們的Web設計界面或者產品不落後這個時代。

• CodePen：全球web前端開發人員的聖地！可以展示個人的創意和建立一個測試實例來解決bug。 來尋找你的項目設計方式和靈感吧。
• Dribble：Dribbble是一個面向創作家、藝術工作者、設計師等創意類作品的人群，提供作品線上服務，供網友線上查看已經完成的作品或者正在創作的作品的交流網站。

網站測速工具

網站的速度是用戶體驗關鍵因素。網站速度快與慢決定是否能更高的搜索引擎排名，更高的轉換率，更低的跳出率，以及更好的整體用戶體驗和。值得高興的是很多免費軟體可以用於測試網站速度，幫助我們找出載入緩慢的問題，方便我們去解決。

• Google PageSpeed Insights：PageSpeed Insights是一款可以分析網頁速度瓶頸,讓網頁設計人員開發出速度更快的網站的谷歌瀏覽器插件。
• Google Chrome DevTools：Chrome DevTools 是公認的優秀的前端調試工具，功能強大，使用起來有一定的學習門檻，
• WebPageTest：WebPagetest是一款Web應用程式,它將一個URL以及一系列配置參數作為輸入,並對那個URL運行性能測試。
• Pingdom：pingdom全面的網站監測服務網站,可測速和ping跟蹤路由,可以免費監測1個站點,最短1分鐘監測一次。
• GTmetrix：主要優點在於提供了豐富的詳細的測量結果，並建議如何來優化網頁中每個元素的，最重要的是會根據網站的具體情況，直接告訴你導致網站載入速度變慢的根源在哪裡

Web開發社區

當開發者在開發的過程中有遇到問題時，除了詢問他人以外，還可以使用搜索引擎搜索。社區的重要性就顯而易見了，大部分開發者會在開發社區分享他們經驗，如何避過不必要踩的坑。

國內：

• 谷歌開發者社區(GDG)：開放 · 分享 · 創新
• segmentfault：是中國領先的開發者技術社區。 為編程愛好者提供一個純粹、高質的技術交流的平臺, 與開發者一起學習、交流與成長。【老實話我覺得這名字不好記】
• 全棧社區：中國最大的全棧開發者社區,致力於打造一個問題解答,技術文章分享,全棧人員創業的服務平臺,讓開發更容易,讓創業更簡單.
• 稀土區：專註開發設計資源分享，UI模板資源，ICONS資源，HTML模板資源等等.......

國外：

• Stack Overflow：Stack Overflow是一個與程式相關的IT技術問答網站。用戶可以在網站免費提交問題，瀏覽問題，索引相關內容，在創建主頁的時候使用簡單的HTML。
• Front-end Front：在Front-end Front，前端開發者可以提出問題，分享有趣的鏈接，並展示他們的項目作品。
• Hashnode：Hashnode是開發者討論技術問題，分享解決方案，與世界各地的開發者共用資源的聚集地。
• Refind：有著開發者, 黑客, 設計師收集和分享最好的資源的社區。
• Google+ Web Developers Group：Web 開發者,Web設計師和Web開發.
• Google+ Web Developers Group：Java, PHP, Ruby, JavaScript and Python 資源。
• Facebook WordPress Front-end Developers Group：WordPress 前端開發者的分享社區，可以提問題，分享開發者的項目作品，還有討論WP未來發展趨勢。
• LinkedIn Web Design and Development Professionals Group：與專業網頁設計師，網頁開發者共用Web開發資源
• LinkedIn Web Site Development Group: 網站設計和開發。
• LinkedIn PHP Developer Group: PHP, Mysql, Drupal, Joomla, Zend, Cake, MVC.
• LinkedIn WordPress Developers Group: WordPress 開發. 使用WP來創建CMS和CMF.
• Webdeveloper.com：幫助Web開發者和設計師學習使用HTML，java和javascript開髮網站。
• Sitepoint Forums: Web開發者論壇。
• /r/perfmatters: 討論關於 web 性能
• /r/webdev: 關於Web開發和開發者的新聞

Web開發新聞聚合

閱讀開發和設計的技術乾貨，及時的知道技術圈內更新了什麼，保持信息流新鮮，有助於我們更好的開發！

國內：

• 掘金：掘金是中國質量最高的技術分享社區，邀請稀土用戶作為Co-Editor 來分享優質的技術乾貨，從前端到後端開發，從設計到產品，讓每一個掘金用戶都能挖掘到有價值的乾貨。
• 開發者頭條：一個以程式員為中心，基於學習和分享的開發者社區。你可以閱讀頭條新聞、分享技術文章、發佈開源項目，訂閱技術極客們創建的學習主題和關註編程牛人。
• 極客頭條：技術文章聚合站點，目測現在運營力度減弱。
• 推酷：以技術為驅動，以聚合挖掘為核心，打造個性推薦和訂閱，給你一站式的閱讀。 更匯聚優質公開課和線下活動，讓信息知識獲取更便捷。

國外：

• wdrl.info：精心挑選的Web開發相關資源，每星期進行整合報道。
• webopsweekly.com： 每周進行報道關於網路運營，應用部署，網站性能和工具分享類的文章。
• web tools weekly：專註於前端開發和網頁設計工具分享。每一個問題都有一個簡短的提示或教程，另外每周都會分享的各種應用程式、腳本、插件和其他有用的資源。
• freshbrewed.co：每周為前端開發者和設計師提供開發和設計類的閱讀摘要。
• smashingmagazine.com： Smashing Magazine是一款專門為個人前端開發者和設計師提供的線上報紙，每周二都會定時的更新有用的資源。
• front-end dev weekly: 每周為前端開發者提供新聞, 包含工具資源，還有靈感。
• friday front-end：郵件訂閱，每日為前端開發者發關於開發資源的郵件。
• /dev tips: 收集開發者的問題和建議, 用gif呈現，會每周發郵件通知。