技術(shù)的快速發(fā)展讓很多人學(xué)習(xí)起來無所適從，幸運(yùn)的是，很多優(yōu)秀的 Web 開發(fā)人員和設(shè)計(jì)人員在努力尋找各種有特色的解決方案。 因此，我們有了很多優(yōu)秀的小工具和庫(kù)，每一個(gè)都是用來解決特定的問題或維護(hù)一組特定的項(xiàng)目。

這篇文章收集了2012年度新發(fā)布的最具有代表性 Web 前端開發(fā)工具和框架，這是一個(gè)非常值得收藏的工具列表，從功能全面的 IDE 到美觀、充滿異國(guó)情調(diào)的小框架，小工具等等。他們能夠幫助你降低 Web 開發(fā)過程中的復(fù)雜度，節(jié)省時(shí)間和精力。

01. Foundation 3

響應(yīng)式設(shè)計(jì)（Responsive Design）似乎瞬間就發(fā)展起來了，各個(gè)網(wǎng)頁(yè)設(shè)計(jì)的論壇或者社區(qū)都會(huì)討論這個(gè)話題，大家都想知道如何實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，有什么框架或好的解決方案。

Foundation 3，由 ZURB 公司開發(fā)，號(hào)稱世界上最先進(jìn)的響應(yīng)式前端框架。利用靈活的網(wǎng)格系統(tǒng)可以快速設(shè)計(jì)出頁(yè)面布局。更妙的是，網(wǎng)格可以是你所需要的任何尺寸，它很容易適應(yīng)各種尺寸的屏幕。

02. Proto.io

Proto.io 是一個(gè)新的界面原型設(shè)計(jì)工具，專門針對(duì)移動(dòng)應(yīng)用程序�；�于 Web 的在線環(huán)境，可以讓你制作流行的 iPhone，iPad，Android 手機(jī)或平板電腦，以及任何帶有屏幕界面的設(shè)備的原型項(xiàng)目。

在設(shè)計(jì)了一些界面后，你通常會(huì)期望能夠把頁(yè)面交互性的鏈接起來，Proto.io 做到了這一點(diǎn)。它也支持所有你可能想到的觸摸手勢(shì)，以及幻燈片、翻轉(zhuǎn)和淡入淡出動(dòng)畫，使用簡(jiǎn)單，而且可以免費(fèi)使用。

03. Fontello

為什么這么難找到一組涵蓋所有的基礎(chǔ)功能的外觀一致的圖標(biāo)？

不用再困惑了，F(xiàn)ontello 不僅擁有所有你需要的圖標(biāo)，而且你可以挑選并選擇你所需要的字形，并編譯成自己需要的一套。 當(dāng)然，您也可以從 GitHub 下載整個(gè)的圖標(biāo)集。該項(xiàng)目是開源的，糕富帥們捐幾刀吧，不勝感激。

04. Bugherd

與普遍的看法相反，推出一個(gè)新的網(wǎng)站對(duì)于開發(fā)團(tuán)隊(duì)來說工作還遠(yuǎn)遠(yuǎn)沒有結(jié)束。

BugHerd 提供了一個(gè)整潔，組織良好的方式來處理反饋，Bug 修復(fù)和功能要求。不需要繁雜的電子郵件反饋方式，只需要在網(wǎng)站中包含一個(gè)簡(jiǎn)單的 JavaScript 文件，該網(wǎng)站的訪問者就可以通過反饋按鈕提交意見和建議。BugHerd 提供了一個(gè)友好，直觀的界面來管理整個(gè)事情。

標(biāo)簽： Web 前端 �发工�

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。