2016年新鮮出爐的20款網頁開發工具推薦

　　

　　愈來愈多的移動端和桌面端應用開始使用HTML、CSS和JS來開發了，而網頁設計更是離不開這些語言。正是這種局面使得許多新的網頁技術成爲了可能，也催生了許多諸如React.js、Angular和Node.js這樣的庫。隨着需求和項目的細化，開發者社區幾乎天天都會有有開發者放出新的庫和開發工具。

　　進入新年，咱們推薦過設計素材，聊過設計趨勢，推薦了許多酷站，此次的文章將會推薦20款最新的實用開發工具，爲各位前端和後端開發者來點乾貨。這20個網站中，包含了開發框架、插件、生產力工具、應用程序，還有很多開發實踐案例。

 

一、Prepo

http://wearemothership.com/work/prepo/

Prepo 是一款同時登陸Mac和iOS平臺的應用，幫你準備、分享、預覽APP和圖標的工具。只需簡單託拽就能夠將界面進行@2x到@1x的轉換，而且能對圖標在不一樣背景下的狀態進行預覽。尺寸轉換能夠批量進行，預覽工做能夠在本地設備上進行，也能夠遠程進行，分辨率的支持範圍也很是廣，不論你是開發者仍是設計師，都很是值得使用這款應用。

 

二、Philter

http://specro.github.io/Philter/

在 Philter 的幫助下，幾乎任何人均可以針對網頁內容進行後期處理。使用Philter，就像在HTML代碼中添加一個Philter 屬性那麼簡單。Philter 還支持懸停效果，只需添加一個簡單屬性，就能夠實現漂亮的灰階過渡和精緻的投影。

 

三、Feature.js

http://featurejs.com/

Feature.js是一款快速輕量級的瀏覽器偵測庫。它並無依賴庫，而且壓縮後只有1Kb那麼小。Feature.js在加載頁面的時候會自動初始化，速度很是快。

 

四、OS.js

http://os.js.org/

OS.js是一款爲瀏覽器所準備的桌面式應用庫，其中包含了完整的窗口管理器、應用程序API、界面工具箱和文件管理系統。它能夠很好地兼容目前的主流瀏覽器和兼容Node和PHP的平臺。

 

五、Fabricator

http://fbrctr.github.io/

你可使用Fabricator來構建你本身的UI Kit。Fabricator是一款基於Node.js的平臺，用於快速構建、可拓展的網絡應用。這款工具爲各個平臺準備了安裝包，你也能夠本身編譯安裝。

 

六、HackMyResume

https://github.com/hacksalot/HackMyResume

在 HackMyResume的幫助下，你可使用命令行來設計本身的簡歷。你可使用Markdown和JSON來編寫，而且輸出爲Word、HTML、PDF、LaTeX、純文本等多種格式。HackMyResume是基於Node.JS來構建的，而且兼容OSX、Windows和Linux三大主流平臺。

 

七、Gizmo

https://github.com/nytimes/gizmo

Gizmo 提供了四個包來幫助開發者快速編譯和構建微服務 APIs和 pubsub後臺進程。這個配置包提供了一整套通用的、組件化的結構，它能夠同MySQL, MongoDB, Oracle, AWS(SNS, SQS, S3), Kafka, Gorilla’s 安全Cookie, Gizmo 服務器等進行聯動。

 

八、Colorify

http://colorify.rocks/

Colorify.js 是一個使用JS編寫的膠版，讓你能夠從圖片提取色彩並控制它們。Colorify 能夠生成基於圖片的色彩漸變圖，分離色彩，提取色彩，豐富你的設計。

 

九、 Apster

http://apester.com/

Apster 會讓用戶參與到故事的講述當中來，提高用戶和內容之間的交互方式。它無疑是「StroyTelling 2.0」，只須要藉助VoicRs 就可讓用戶真的參與進來，提高內容的參與方式，將內容傳播方式推到一個新高度。

 

十、Vuvuzela

https://github.com/davidlazar/vuvuzela

Vuvuzela 是一個能保證郵件內容和信息元數據私密性的信息傳遞系統。

 

十一、Senna.js

http://sennajs.com/

Senna.js 超快的單頁應用引擎，它爲你提供了幾個低級別API，讓你能夠藉助這個大約8KB的引擎來打造現代的網絡應用。

 

十二、ReqRes

http://reqres.in/

ReqRes 是一款最基本的ExpressJS應用，它託管了REST-API 而且隨時能夠對AJAX 需求所響應。你可使用真正的響應代碼來進行開發。支持 GET、POST、PUT 和 DELETE 代碼。ReqRes 能夠模擬真實的應用場景。

 

1三、Linear

http://mikaa123.github.io/linear-website/

Linear 是一款Mac平臺的測量應用，你能夠用它來測量網頁的尺寸，無需使用開發工具就能夠測量出某個網頁元素的尺寸。

 

1四、Clrs

http://clrs.cc/

Clrs 從新定義了基本的網頁用色，提供了更加友好、現代的網頁可用的色調。Clrs 提倡使用可訪問性更優秀的配色方案。

 

1五、Utility Open-type

http://utility-opentype.kennethormandy.com/

Utility Open-type 是一系列更爲先進的CSS排版功能，包括了字體連字、小尺寸大寫字體等等進階功能。它們的存在是爲了給用戶提供更優秀的用戶體驗細節。

 

1六、CLimate

http://climate.thephpleague.com/

若是你想在命令行下操控PHP那麼CLimate 絕對是一個必備的工具，它可讓你輕鬆地輸出彩色的文本、特殊的格式。

 

1七、Colordrop

http://apoorvsaxena.github.io/colordrop/

只須要託拽，你就能夠藉助 Colordrop 輕鬆地調整UI元素的色彩。只須要安裝一個Chrome插件，就能夠幫你搞定這一切。

 

1八、Imba

http://imba.io/home

Imba是一種全新的編程語言，旨在創建更增強大的Web應用，它包括了定義、擴展、集成、說明等語言層面的支持。

 

1九、Slim Framework

http://www.slimframework.com/

Slim是一個PHP微框架，能夠幫你簡單快速地編寫強大的網頁APP、API。它包括了HTTP路由功能、PSR-7支持等等。

 

20、PHAP

http://phap.landingpage.io/

PHAP 可讓你使用PHP來編寫本地的移動端APP。它使用PHP來實現功能，藉助HTML/CSS來實現UI，讓應用能夠流暢地運行於Android、iOS和Windows Phone。

 

做者：Nataly Gavin連接：http://www.uisdc.com/2016-20-web-developer-tools