越來(lái)越多的移動(dòng)端和桌面端應用開(kāi)始使用 HTML、CSS 和 JS 來(lái)開(kāi)發(fā)了，而網(wǎng)頁(yè)設計更是離不開(kāi)這些語(yǔ)言。正是這種局面使得許多新的網(wǎng)頁(yè)技術(shù)成為了可能，也催生了許多諸如 React.js、Angular 和 Node.js 這樣的庫。隨著(zhù)需求和項目的細化，開(kāi)發(fā)者社區幾乎每天都會(huì )有有開(kāi)發(fā)者放出新的庫和開(kāi)發(fā)工具。
進(jìn)入新年，我們推薦過(guò)設計素材，聊過(guò)設計趨勢，推薦了許多酷站，這次的文章將會(huì )推薦 20 款最新的實(shí)用開(kāi)發(fā)工具，為各位前端和后端開(kāi)發(fā)者來(lái)點(diǎn)干貨。這 20 個(gè)網(wǎng)站中，包含了開(kāi)發(fā)框架、插件、生產(chǎn)力工具、應用程序，還有不少開(kāi)發(fā)實(shí)踐案例。
Prepo
Prepo 是一款同時(shí)登錄 Mac 和 iOS 平臺的應用，幫你準備、分享、預覽 APP 和圖標的工具。只需簡(jiǎn)單托拽就可以將界面進(jìn)行 @2x 到 @1x 的轉換，并且能對圖標在不同背景下的狀態(tài)進(jìn)行預覽。尺寸轉換可以批量進(jìn)行，預覽工作可以在本地設備上進(jìn)行，也可以遠程進(jìn)行，分辨率的支持范圍也非常廣，不論你是開(kāi)發(fā)者還是設計師，都非常值得使用這款應用。
Philter
在 Philter 的幫助下，幾乎任何人都可以針對網(wǎng)頁(yè)內容進(jìn)行后期處理。使用 Philter，就像在 HTML 代碼中添加一個(gè) Philter 屬性那么簡(jiǎn)單。Philter 還支持懸停效果，只需添加一個(gè)簡(jiǎn)單屬性，就可以實(shí)現漂亮的灰階過(guò)渡和精致的投影。
Feature.js
Feature.js 是一款快速輕量級的瀏覽器偵測庫。它并沒(méi)有依賴(lài)庫，并且壓縮后只有 1Kb 那么小。Feature.js 在加載頁(yè)面的時(shí)候會(huì )自動(dòng)初始化，速度非?？?。
OS.js
OS.js 是一款為瀏覽器所準備的桌面式應用庫，其中包含了完整的窗口管理器、應用程序 API、界面工具箱和文件管理系統。它可以很好地兼容目前的主流瀏覽器和兼容 Node 和 PHP 的平臺。
Fabricator
你可以使用 Fabricator 來(lái)構建你自己的 UI Kit。Fabricator 是一款基于 Node.js 的平臺，用于快速構建、可拓展的網(wǎng)絡(luò )應用。這款工具為各個(gè)平臺準備了安裝包，你也可以自己編譯安裝。
HackMyResume
在 HackMyResume 的幫助下，你可以使用命令行來(lái)設計自己的簡(jiǎn)歷。你可以使用 Markdown 和 JSON 來(lái)編寫(xiě)，并且輸出為 Word、HTML、PDF、LaTeX、純文本等多種格式。HackMyResume 是基于 Node.JS 來(lái)構建的，并且兼容 OSX、Windows 和 Linux 三大主流平臺。
Gizmo
Gizmo 提供了四個(gè)包來(lái)幫助開(kāi)發(fā)者快速編譯和構建微服務(wù) APIs 和 pubsub 后臺進(jìn)程。這個(gè)配置包提供了一整套通用的、組件化的結構，它可以同 MySQL, MongoDB, Oracle, AWS ( SNS, SQS, S3 ) , Kafka, Gorilla ’ s 安全 Cookie, Gizmo 服務(wù)器等進(jìn)行聯(lián)動(dòng)。
Colorify
Colorify.js 是一個(gè)使用 JS 編寫(xiě)的膠版，讓你可以從圖片提取色彩并控制它們。Colorify 可以生成基于圖片的色彩漸變圖，分離色彩，提取色彩，豐富你的設計。
Apster
Apster 會(huì )讓用戶(hù)參與到故事的講述當中來(lái)，提升用戶(hù)和內容之間的交互方式。它無(wú)疑是 'StroyTelling 2.0'，只需要借助 VoicRs 就可以讓用戶(hù)真的參與進(jìn)來(lái)，提升內容的參與方式，將內容傳播方式推到一個(gè)新高度。
Vuvuzela
Vuvuzela 是一個(gè)能保證郵件內容和信息元數據私密性的信息傳遞系統。
Senna.js
Senna.js 超快的單頁(yè)應用引擎，它為你提供了幾個(gè)低級別 API，讓你可以借助這個(gè)大約 8KB 的引擎來(lái)打造現代的網(wǎng)絡(luò )應用。
ReqRes
ReqRes 是一款最基本的 ExpressJS 應用，它托管了 REST-API 并且隨時(shí)可以對 AJAX 需求所響應。你可以使用真正的響應代碼來(lái)進(jìn)行開(kāi)發(fā)。支持 GET、POST、PUT 和 DELETE 代碼。ReqRes 可以模擬真實(shí)的應用場(chǎng)景。
Linear
Linear 是一款 Mac 平臺的測量應用，你可以用它來(lái)測量網(wǎng)頁(yè)的尺寸，無(wú)需使用開(kāi)發(fā)工具就可以測量出某個(gè)網(wǎng)頁(yè)元素的尺寸。
Clrs
Clrs 重新定義了基本的網(wǎng)頁(yè)用色，提供了更加友好、現代的網(wǎng)頁(yè)可用的色調。Clrs 提倡使用可訪(fǎng)問(wèn)性更優(yōu)秀的配色方案。
Utility Open-type
Utility Open-type 是一系列更為先進(jìn)的 CSS 排版功能，包括了字體連字、小尺寸大寫(xiě)字體等等進(jìn)階功能。它們的存在是為了給用戶(hù)提供更優(yōu)秀的用戶(hù)體驗細節。
CLimate
如果你想在命令行下操控 PHP 那么 CLimate 絕對是一個(gè)必備的工具，它可以讓你輕松地輸出彩色的文本、特殊的格式。
Colordrop
只需要托拽，你就可以借助 Colordrop 輕松地調整 UI 元素的色彩。只需要安裝一個(gè) Chrome 插件，就可以幫你搞定這一切。
Imba
Imba 是一種全新的編程語(yǔ)言，旨在建立更加強大的 Web 應用，它包括了定義、擴展、集成、說(shuō)明等語(yǔ)言層面的支持。
Slim Framework
Slim 是一個(gè) PHP 微框架，可以幫你簡(jiǎn)單快速地編寫(xiě)強大的網(wǎng)頁(yè) APP、API。它包括了 HTTP 路由功能、PSR-7 支持等等。
PHAP
PHAP 可以讓你使用 PHP 來(lái)編寫(xiě)本地的移動(dòng)端 APP。它使用 PHP 來(lái)實(shí)現功能，借助 HTML/CSS 來(lái)實(shí)現 UI，讓?xiě)每梢粤鲿车剡\行于 Android、iOS 和 Windows Phone。
來(lái)源： codegeekz - Nataly Gavin 譯文出處：優(yōu)設網(wǎng) - @陳子木
人人都是產(chǎn)品經(jīng)理微信公眾號：woshipm，隨時(shí)隨地，學(xué)產(chǎn)品、學(xué)運營(yíng)，聽(tīng)講座。
原網(wǎng)頁(yè)已經(jīng)由 ZAKER 轉碼以便在移動(dòng)設備上查看查看原文
