2011 年最受歡迎的 9 款 Web 開發工具

雖然 基于瀏覽器的操作系統還未風靡全球，但對Web開發者來說，2011年無疑是一個Web開發的最佳時期。

下面我們來看看由 readwriteweb.com評選出來的2011年最受Web開發人員歡迎的工具。

1.  jQuery和jQuery Mobile



說到Web開發工具不能不提jQuery。jQuery是一款免費且開放源代碼的JavaScript代碼庫，據 微軟關于jQuery的調查顯示，jQuery在受訪網站中的使用率已從2010年12月的27%上升到2011年12月的42%。

jQuery Mobile 1.0的發布推動了移動開發的發展。jQuery mobile意味著可以應用在“所有主流手機、平板電腦、電子閱讀器，甚至臺式電腦”上。雖然其實現起來有些困難，但從目前來看，jQuery mobile還是廣受好評的。

當然也有人對其存在質疑，認為jQuery 需要 “減肥”，不過對于所有趨于成熟的項目來說，有質疑聲并不例外，畢竟大多數成功都伴隨著反對的聲音。

2.  CSS3 PIE



Web開發者都比較喜歡PIE（Progressive Internet Explorer），特別是要克服IE老版本缺點的Web開發人員。因為開發者不可能掌控市場說服用戶將瀏覽器升級到最新版本，但他們可以 增強瀏覽器。

CSS3 PIE為IE帶來了一些新的特性，想知道是如何實現的嗎？你可在 GitHub上查看 演示和 文件。該工具基于GPL V2 和 Apache Licence 2.0。

PIE 1.0的第5個測試版已于今年9月發布，它支持IE9并修復了IE6到IE8的一些小問題。

3.  Bootstrap

今年8月，推ter推出了一個名為Bootstrap的開發工具包。該工具包自發布以來，一直是GitHub上熱門的開源項目。

對于開發Web網站和應用程序的人來說，Bootstrap提供了一套CSS標準解決方案，開發者可以以Bootstrap為原型，或通過Bootstrap（就像推ter一樣）來提供一個跨網站/應用程序的統一設計。

Bootstrap易于使用，只需將預編譯的CSS拉到你的項目里，或使用LESS編譯修改后的版本即可。

4.  LESS



LESS是一個動態的樣式表語言，使CSS更易于表現和使用。標準CSS不支持變量、函數、運算符等，但LESS拓展了CSS的語法，例如，只用定義一種顏色一次，就可以通過樣式表與一個單一變量一起使用（比如用“@color”代替“#4D6F92”）。LESS使你在改變網站設置時更加便捷有效。

LESS可以定義并重復使用類，甚至可以為網頁中的元素使用運算符。如果你想了解更多關于LESS的信息，該網站有大量的 示例和源碼，可在 GitHub上查看。該工具基于Apache License 2.0。

5.  Chrome開發者工具



Firefox即將死亡的預言或許被夸大其詞了，但可以肯定的是Chrome正在占據越來越大的市場份額，其中最主要的一個原因是Web開發人員喜歡Chrome自帶的開發者工具。

Chrome開發者工具主要基于 WebKit's Web Inspector（開放源代碼WebKit項目的一部分），可讓Web開發人員隨時對網頁的CSS、HTML和JavaScript進行實時編輯、調試以及監控。該工具不僅能幫助診斷、修復在網頁加載、腳本執行以及頁面呈現中出現的問題，還可以幫助開發者最大限度地了解網頁或網絡應用程序對CPU以及內存的使用情況。

如果你是一個瀏覽器開發工具的使用者，建議你看看Andi Smith的 “關于瀏覽器開發工具的25個秘密”和 Paul Irish的小貼士，還有 2011年Google I/O的視頻，以及 Boris Smus的說明。

6.  SourceKit 和 Ace：一流的基于瀏覽器的集成開發環境



對于Web開發者來說，我認為最好的文本編輯器是 Vim。但如果是基于瀏覽器的IDE，開發者更傾向于Ace和Ace-based SourceKit（據對ReadWriteHack讀者的調查顯示）。

ACE是一個獨立的編輯器，以前叫做“Bespin”和“Skywriter”。SourceKit是一款基于ACE的Chrome擴展。雖然ACE更靈活，能模擬幾種常用的編輯器（包括vi），但我更喜歡Chrome SourceKit。

7.  PhoneGap



想在移動設備上開發出類似于本地應用程序的HTML5應用程序？PhoneGap似乎牢牢占據著最受歡迎的解決方案這一寶座。

開發人員只需構建一個應用程序一次，然后使用PhoneGap將其部署到多個平臺。PhoneGap支持IOS、Android、Windows Phone、黑莓以及WebOS等。但是目前還不知道該平臺在2012年的需求有多大。

PhoneGap為手機提供訪問 硬件和本地應用的接口，例如攝像頭、加速度計、網絡、地理位置、聯系人和通知。

Adobe公司在年初收購了PhoneGap的開發商Nitobi，不過目前PhoneGap已經轉到了Apache軟件基金會（ASF），存在于Apache Incubator。如果你還不了解PhoneGap，這里有 入門指南和視頻教程。

8.  Popcorn 和 Popcorn.js



Popcorn.js是 Mozilla Popcorn 項目的一部分，是一個 JavaScript 庫，提供基于時間、通過網絡來實現的交互式媒體，不需要Flash來顯示視頻，還可以創建基于時間軸的Web演示，包括HTML5的音視頻、使用音視頻或其他網絡元素的演示。

Popcorn.js承諾將集成Web服務內容，比如維基百科、推ter、非死book、油Tube、谷歌地圖。早期的演示表明其希望能在視頻中加入基于時間覆蓋的內容鏈接。比如你可以創建一個視頻演示，在某個特定的時間點將更多的信息鏈接過來。

現在，Popcorn.js還在早期發展階段，要想在Web開發中流行起來還需要一定的時間，但其前景不錯。

9.  Waterbear

雖然我不太看好Waterbear，但其還是值得我們來探討一番的，因為對于新手來說，這是一個很好的入門工具。可以使用HTML5、CSS3和JavaScript內置的“draggable、snappable blocks”來創建程序。

Waterbear還處于測試階段，但隨著它的不斷變化發展，有希望成為受歡迎的系統。Waterbear是一款免費軟件，基于Apache License 2.0，大家可以在 GitHub上查看。

當然，以上對這些工具的評論是我根據2011年的情況發表的主觀看法，希望Web開發人員都能找到對自己來說最頂級、最有用的工具。


英文原文： http://www.readwriteweb.com/archives/top_web_developer_tools_of_2011.php
轉自： http://www.iteye.com/news/23672