越來(lái)越多的移動(dòng)端和桌面端應(yīng)用開(kāi)始使用HTML、CSS和JS來(lái)開(kāi)發(fā)了，而網(wǎng)頁(yè)設(shè)計(jì)更是離不開(kāi)這些語(yǔ)言。正是這種局面使得許多新的網(wǎng)頁(yè)技術(shù)成為了可能，也催生了許多諸如React.js、Angular和Node.js這樣的庫(kù)。隨著需求和項(xiàng)目的細(xì)化，開(kāi)發(fā)者社區(qū)幾乎每天都會(huì)有有開(kāi)發(fā)者放出新的庫(kù)和開(kāi)發(fā)工具。

進(jìn)入新年，我們推薦過(guò)設(shè)計(jì)素材，聊過(guò)設(shè)計(jì)趨勢(shì)，推薦了許多酷站，這次的文章將會(huì)推薦20款最新的實(shí)用開(kāi)發(fā)工具，為各位前端和后端開(kāi)發(fā)者來(lái)點(diǎn)干貨。這20個(gè)網(wǎng)站中，包含了開(kāi)發(fā)框架、插件、生產(chǎn)力工具、應(yīng)用程序，還有不少開(kāi)發(fā)實(shí)踐案例。

1. Prepo

Prepo 是一款同時(shí)登錄Mac和iOS平臺(tái)的應(yīng)用，幫你準(zhǔn)備、分享、預(yù)覽APP和圖標(biāo)的工具。只需簡(jiǎn)單托拽就可以將界面進(jìn)行@2x到@1x 的轉(zhuǎn)換，并且能對(duì)圖標(biāo)在不同背景下的狀態(tài)進(jìn)行預(yù)覽。尺寸轉(zhuǎn)換可以批量進(jìn)行，預(yù)覽工作可以在本地設(shè)備上進(jìn)行，也可以遠(yuǎn)程進(jìn)行，分辨率的支持范圍也非常廣，不論你是開(kāi)發(fā)者還是設(shè)計(jì)師，都非常值得使用這款應(yīng)用。

2. Philter

在 Philter 的幫助下，幾乎任何人都可以針對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行后期處理。使用Philter，就像在HTML代碼中添加一個(gè)Philter 屬性那么簡(jiǎn)單。Philter 還支持懸停效果，只需添加一個(gè)簡(jiǎn)單屬性，就可以實(shí)現(xiàn)漂亮的灰階過(guò)渡和精致的投影。

3. Feature.js

Feature.js 是一款快速輕量級(jí)的瀏覽器偵測(cè)庫(kù)。它并沒(méi)有依賴庫(kù)，并且壓縮后只有1Kb那么小。Feature.js在加載頁(yè)面的時(shí)候會(huì)自動(dòng)初始化，速度非?？?。

4. OS.js

OS.js 是一款為瀏覽器所準(zhǔn)備的桌面式應(yīng)用庫(kù)，其中包含了完整的窗口管理器、應(yīng)用程序API、界面工具箱和文件管理系統(tǒng)。它可以很好地兼容目前的主流瀏覽器和兼容Node和PHP的平臺(tái)。

5. Fabricator

你可以使用Fabricator 來(lái)構(gòu)建你自己的UI Kit。Fabricator 是一款基于Node.js 的平臺(tái)，用于快速構(gòu)建、可拓展的網(wǎng)絡(luò)應(yīng)用。這款工具為各個(gè)平臺(tái)準(zhǔn)備了安裝包，你也可以自己編譯安裝。

6. HackMyResume

在 HackMyResume 的幫助下，你可以使用命令行來(lái)設(shè)計(jì)自己的簡(jiǎn)歷。你可以使用Markdown和JSON來(lái)編寫(xiě)，并且輸出為Word、HTML、PDF、LaTeX、純文本等多種格式。HackMyResume 是基于Node.JS 來(lái)構(gòu)建的，并且兼容OSX、Windows和Linux三大主流平臺(tái)。

7. Gizmo

Gizmo 提供了四個(gè)包來(lái)幫助開(kāi)發(fā)者快速編譯和構(gòu)建微服務(wù) APIs 和 pubsub 后臺(tái)進(jìn)程。這個(gè)配置包提供了一整套通用的、組件化的結(jié)構(gòu)，它可以同MySQL, MongoDB, Oracle, AWS (SNS, SQS, S3), Kafka, Gorilla’s 安全Cookie, Gizmo 服務(wù)器等進(jìn)行聯(lián)動(dòng)。

8. Colorify

Colorify.js 是一個(gè)使用JS編寫(xiě)的膠版，讓你可以從圖片提取色彩并控制它們。Colorify 可以生成基于圖片的色彩漸變圖，分離色彩，提取色彩，豐富你的設(shè)計(jì)。

9. Apster

Apster 會(huì)讓用戶參與到故事的講述當(dāng)中來(lái)，提升用戶和內(nèi)容之間的交互方式。它無(wú)疑是“StroyTelling 2.0”，只需要借助VoicRs 就可以讓用戶真的參與進(jìn)來(lái)，提升內(nèi)容的參與方式，將內(nèi)容傳播方式推到一個(gè)新高度。

10. Vuvuzela

Vuvuzela 是一個(gè)能保證郵件內(nèi)容和信息元數(shù)據(jù)私密性的信息傳遞系統(tǒng)。

11. Senna.js

Senna.js 超快的單頁(yè)應(yīng)用引擎，它為你提供了幾個(gè)低級(jí)別API，讓你可以借助這個(gè)大約8KB的引擎來(lái)打造現(xiàn)代的網(wǎng)絡(luò)應(yīng)用。

12. ReqRes

ReqRes 是一款最基本的ExpressJS應(yīng)用，它托管了REST-API 并且隨時(shí)可以對(duì)AJAX 需求所響應(yīng)。你可以使用真正的響應(yīng)代碼來(lái)進(jìn)行開(kāi)發(fā)。支持 GET、POST、PUT 和 DELETE 代碼。ReqRes 可以模擬真實(shí)的應(yīng)用場(chǎng)景。

13. Linear

Linear 是一款Mac平臺(tái)的測(cè)量應(yīng)用，你可以用它來(lái)測(cè)量網(wǎng)頁(yè)的尺寸，無(wú)需使用開(kāi)發(fā)工具就可以測(cè)量出某個(gè)網(wǎng)頁(yè)元素的尺寸。

14. Clrs

Clrs 重新定義了基本的網(wǎng)頁(yè)用色，提供了更加友好、現(xiàn)代的網(wǎng)頁(yè)可用的色調(diào)。Clrs 提倡使用可訪問(wèn)性更優(yōu)秀的配色方案。

15. Utility Open-type

Utility Open-type 是一系列更為先進(jìn)的CSS排版功能，包括了字體連字、小尺寸大寫(xiě)字體等等進(jìn)階功能。它們的存在是為了給用戶提供更優(yōu)秀的用戶體驗(yàn)細(xì)節(jié)。

16. CLimate

如果你想在命令行下操控PHP那么CLimate 絕對(duì)是一個(gè)必備的工具，它可以讓你輕松地輸出彩色的文本、特殊的格式。

17. Colordrop

只需要托拽，你就可以借助 Colordrop 輕松地調(diào)整UI元素的色彩。只需要安裝一個(gè)Chrome插件，就可以幫你搞定這一切。

18. Imba

Imba 是一種全新的編程語(yǔ)言，旨在建立更加強(qiáng)大的Web應(yīng)用，它包括了定義、擴(kuò)展、集成、說(shuō)明等語(yǔ)言層面的支持。

19. Slim Framework

Slim 是一個(gè)PHP微框架，可以幫你簡(jiǎn)單快速地編寫(xiě)強(qiáng)大的網(wǎng)頁(yè)APP、API。它包括了HTTP路由功能、PSR-7支持等等。

20. PHAP

PHAP 可以讓你使用PHP來(lái)編寫(xiě)本地的移動(dòng)端APP。它使用PHP來(lái)實(shí)現(xiàn)功能，借助HTML/CSS來(lái)實(shí)現(xiàn)UI，讓?xiě)?yīng)用可以流暢地運(yùn)行于Android、iOS和Windows Phone。

來(lái)源： codegeekz – Nataly Gavin???譯文出處：優(yōu)設(shè)網(wǎng) – @陳子木