web前端開發乃及其它的相關開發，推薦sublime text, webstorm(jetbrains公司系列產品)這兩個的原因在於，有個技術叫emmet, http://docs.emmet.io，而這兩個對他的支援是：

sublime text 是所有編輯器裡邊支援emmet比較好的的唯一一款。

webstorm是所有編輯器裡邊唯一內建emmet的一款，並且將emmet的精神往前推動的一款。

一. css工具:

a. 可以以外掛的形式安裝在dreamweaver,notepad++,editplus,sublime各個編輯器上。

emmet在sublime上的效果：

1). css ：他與其它編輯器的區別在於細節上，比如ctrl,alt+方向鍵可以修和裡邊的數值

2). html 效果：

3). sublime的emmet規則修改：

packages->Emmet->emmet->snippets.json

b. 只有一個例外jetbrain公司的產品線：webstorm,phpstorm,intellij idea都是內建的，不需要安裝。

1).

寫js的效果：

2). webstorm的emmet規則修改：Files -> settings -> Live Templates

2. css壓縮辦法：

a. 通過正則五步替換法，適用於任何編輯器：

b. 模組化工具

二. js工具：

1. 壓縮等：

線上壓縮

線上壓縮

工具集

2. 以emmet的方式開發js,php,jsp,java and so on。

3. firebug,chrome除錯工具的使用： 

4. js參考手冊：

w3c手冊

5. 其它開發工具：

新手推薦：editplus，vim

團隊開發：

webstorm, phpstorm(phper), pycharm(pythoner), intellij idea(javaer).

6. 模組化開發grunt

入門

擴充套件工具grunt

前端專案構建工具---Grunt

享受 Grunt

葉小釵 第一彈

7. gulpjs

官網

教程

gulp plugins

https://github.com/gulpjs/gulp

前端構建工具gulp入門教程

Gulp 另一種自動化流水線

三：jq工具

1. oschina參考手冊大全。

2. w3c_all.chm，w3cschool離線版，包含了javascript,jquery,php,sql,html,css2.x,3.x的手冊。

前端開發qq群：492107297，禁止閒聊，非喜勿進~！