【年度盛宴】2012年度最佳 Web 前端開發工具和框架——《上篇》
2012年，Web 開發領域繼續在快速的發展，HTML5 仍然在展示其跨平臺的優越性，CSS3 被人們更多的應用到實際項目中，響應式設計（Responsive Design）技巧也被人越來越多的人熟知和使用。
您可能感興趣的相關文章
技術的快速發展讓很多人學習起來無所適從，幸運的是，很多優秀的 Web 開發人員和設計人員在努力尋找各種有特色的解決方案。 因此，我們有了很多優秀的小工具和庫，每一個都是用來解決特定的問題或維護一組特定的項目。
這篇文章收集了2012年度新發布的最具有代表性 Web 前端開發工具和框架，這是一個非常值得收藏的工具列表，從功能全面的 IDE 到美觀、充滿異國情調的小框架，小工具等等。他們能夠幫助你降低 Web 開發過程中的複雜度，節省時間和精力。
01. Foundation 3
響應式設計（Responsive Design）似乎瞬間就發展起來了，各個網頁設計的論壇或者社區都會討論這個話題，大家都想知道如何實現響應式設計，有什麼框架或好的解決方案。
Foundation 3，由 ZURB 公司開發，號稱世界上最先進的響應式前端框架。利用靈活的網格系統可以快速設計出頁面佈局。更妙的是，網格可以是你所需要的任何尺寸，它很容易適應各種尺寸的屏幕。
02. Proto.io
Proto.io 是一個新的界面原型設計工具，專門針對移動應用程序。基於 Web 的在線環境，可以讓你製作流行的 iPhone，iPad，Android 手機或平板電腦，以及任何帶有屏幕界面的設備的原型項目。
在設計了一些界面後，你通常會期望能夠把頁面交互性的鏈接起來，Proto.io 做到了這一點。它也支持所有你可能想到的觸摸手勢，以及幻燈片、翻轉和淡入淡出動畫，使用簡單，而且可以免費使用。
03. Fontello
爲什麼這麼難找到一組涵蓋所有的基礎功能的外觀一致的圖標？
不用再困惑了，Fontello 不僅擁有所有你需要的圖標，而且你可以挑選並選擇你所需要的字形，並編譯成自己需要的一套。 當然，您也可以從 GitHub 下載整個的圖標集。該項目是開源的，糕富帥們捐幾刀吧，不勝感激。
04. Bugherd
與普遍的看法相反，推出一個新的網站對於開發團隊來說工作還遠遠沒有結束。
BugHerd 提供了一個整潔，組織良好的方式來處理反饋，Bug 修復和功能要求。不需要繁雜的電子郵件反饋方式，只需要在網站中包含一個簡單的 JavaScript 文件，該網站的訪問者就可以通過反饋按鈕提交意見和建議。BugHerd 提供了一個友好，直觀的界面來管理整個事情。
05. Sencha Touch 2
毫無疑問，移動觸屏設備的流行給 Web 開發帶來了巨大的影響。
Sencha Touch 是一個基於 HTML5 的移動應用開發框架，致力於吸引 HTML5 開發者使用 Sencha Touch 構建在 iPhone、Android 和 BlackBerry 等設備上運行的移動 Web 應用，這些應用效果看起來如同本地應用。改進的 API，完善的文檔和教程資料以及可靠的本地集成讓 Sencha Touch 2 成爲強有力的移動框架競爭者。
06. Dreamweaver CS6
Dreamweaver 是經典的網頁製作軟件，最新發布的 Dreamweaver CS6 新增了 HTML5 和 CSS3 編碼支持；jQuery 移動和 Adobe PhoneGap 框架的擴展支持可協助您爲各種屏幕、手機和平板電腦建立項目；集成了 Adobe Business Catalyst、FTPS、FTPeS 支持、Adobe Creative Suite、Adobe BrowserLab等衆多功能。
07. Cloud9 IDE
Cloud 9 是基於 NodeJS 構建的在線集成開發環境，語法高亮支持 C#, C++, Python, Perl, Ruby, Scala 等等衆多常用開發語言。
內置的 Vim 模式非常好用，支持流行的版本控制系統，像 Git, Mercurial 和 SVN，另外它還有非常強大的插件系統，可以拓展其功能，例如藉助 CSSLint 和 JSBeautify，Cloud9 就可以變成一款非常實用的代碼美化工具。
08. Adobe Edge Inspect
Edge Inspect 是一款對移動開發者非常有用的工具，其前身是 Adobe Shadow，用於幫助設計師和開發者同時在多個移動設備上預覽應用設計，發現和解決跨平臺問題。
只需要把你的設備（Android 和 iOS）和你的電腦連接起來，這時候你的網站就會在各個設備上同步顯示，讓檢查和調試變得更有效，並可以讓設計師同時看到每個版本在所有目標設備上的顯示情況。
09. Adobe Brackets
你可能會覺得現在代碼編輯器已經是琳琅滿目了，而且這些編輯器都很相似，沒有什麼可創新的了。Brackets 讓我們知道，其實在編輯器領域還是有很多功能可以去探索的。Brackets 是 Adobe 的開源 HTML、CSS 和 JavaScript 集成開發環境。Brackets 提供 Windows 和 OS X 平臺支持。
Brackets 的核心目標是減少在開發過程中那些效率低下的重複性工作，例如瀏覽器刷新，修改元素的樣式，搜索功能等等，Brackets 值得你試試。
10. Modernizr 2.6
Modernizr 是一個開源的 JavaScript 庫，用於檢測用戶瀏覽器的 HTML5 和 CSS3 特性。它使得那些基於用戶瀏覽器的不同（指對新標準支持性的差異）而開發不同級別體驗的設計師的工作變得更爲簡單，讓 Web 開發人員可以在現代瀏覽器中充分利用HTML5 和 CSS3 的那些先進的特性進行開發，同時又不會犧牲其它不支持這些新技術的瀏覽器的控制。
未完待續，2012年度最佳 Web 前端開發工具和框架《下篇》即將推出，敬請期待 :)