在過去的幾年當中，網絡上所流傳的各種設計和開發資源，在素質上有明顯的提升。其中有一些已經幾乎成為了設計師和開發者必備的工具，但是其中絕大多數由于其應用范疇的局限，或者傳播不夠廣，導致它們大多并廣為人知。將這些素材集中到一起，很大程度上是希望它們的目標用戶能夠明白，需要這些工具的時候，上哪兒找。

這次的前端干貨合集內容也很齊全，仔細看看，總能找到幾款你所需要的。

MuzzleApp

Muzzle 是之前 CodeKit 的開發者的新產品，是一款應用在macOS 平臺的應用，當你和別人共享屏幕的時候，它可以幫你關閉通知和其他的私密信息，避免尷尬。無論你共享屏幕時候的平臺是Skype、Google Hangouts 還是 Slack，它都能讓macOS 進入“免打擾”模式。

Fractures

Fractures 是一個CSS類 合集，可以幫你快速創建網頁原型。Fractures 是基于原子設計模式來構建的，樣式表被分割為小段。

CSS DB

CSS DB 能為你列舉出還在不斷開發中的CSS特性列表以及目前的狀態，讓你可以更好地使用CSS選擇器。

Preact

Apache 最近宣布禁止將 BSD+專利許可證分發給 ReactJS 和類似的項目，如果你的產品受到類似的專利許可證的影響，可以考慮 Preact 這樣的 ReactJS替代品。

Pell

Pell 是一款用來構建所見即所得編輯器的JavaScript 庫，默認情況下，它會帶有常見的富文本編輯器的按鈕。Pell 是使用ES6來構建，它不會像jQuery 那樣需要大量的依賴庫，體積小巧，可維護性強，還兼容 IE9。

Markvis

Markdown 在語法和功能上是有限制的，而Markvis 在它的基礎上增加了圖表的功能。

Moment PHP

Moment 是一款 PHP 庫，用來處理日期和時間，類似于 Moment.js 之于 JavaScript。這個庫的使用也很簡單，可以快速設置時區、時間和顯示方式。

Tonik

這是一款使用現代PHP來構建的Wordpress 新手主題，它充分利用了命名空間，自定義模板，自動加載器，WebPack 以及一大堆現代Web開發的優點。

Awesome Guidelines

這是一個包含了許多編程語言標準的列表，其中包含了C語言，JS，PHP，Ruby，甚至包括Visual Basic。這些標準能夠幫你的代碼保持簡潔、干凈。

BotUI

聊天機器人已經逐漸成為主流。這款 JS 庫能夠幫你構建對話式UI，這個庫比起傳統的“表單”體驗更加優秀。

Reaction Commerce

開源的內容管理系統這些年變化并不大，其中絕大多數都是基于PHP來構建的。

TinyReset

這是一款非常小巧的 CSS resetter，它可以作為 Eric Meyer 所創建的reset.css的替代品。

Martinet

Martinet 是一款用來構建靜態網站的命令行工具，其中包含了諸如 Webpack、TypeScript、Pug for templating、LESS和 NPM 這樣的現代工具。它的存在讓設計者不用擔心網站配置，只需要正常使用 Martinet 就能對網站進行調整。

Billboard

BillboardJS 是一款基于 D3.js 來構建的交互式數據可視化數據庫工具，它可以用來創建可視化的柱狀圖，餅圖，折線圖等。

SVGI

SVGI 是一款用來查找SVG元素和文件的命令行工具，安裝它之后，你可以采用svgi 命令來檢索 SVG 文檔的大小、元素、層次結構和節點列表。

TimeStrap

TimeStrap 是另外一個非常實用的開源平臺，它可以像 WordPress 一樣可以在任何地方運行和訪問的發票系統。對于喜歡自己控制而不希望使用外部服務來管理發票的用戶而言，這是一個很好的選擇。

Slate

Slate 是一款為API 文檔創建靜態網頁的工具，諸如 WooCommerce、Travis-、CoinBase甚至 NASA 都采用了這一工具。

FontJoy

FontJoy 是一款能夠生成大量有效字體組合的工具，點擊“Generate”按鈕就能生成許多新的字體組合。有趣的地方在于，這款工具還有具備深度學習的功能。

CoolHue

毫無疑問漸變色再一次回歸主流，而CoolHue 是另外一款非常優秀的漸變色生成工具。

FrontPress

FrontPress 是一款前端框架，可用來控制 WP-API 和 AngularJS。如果你想創建一款用于 WordPress 的內容管理系統，可以從 FrontPress 著手。

【2016年干貨大合集都在這里】

1. 《干貨｜2016年11月開發者超實用干貨大合集》
2. 《設計師專場！2016年10月設計圈實用干貨大合集第二波》
3. 《開發者福利！2016年10月設計圈實用干貨大合集》
4. 《再來一發！2016年9月設計圈實用干貨第二波》
5. 《開學福利！2016年9月設計圈超實用干貨大合集》
6. 《高溫福利！2016年8月設計圈最新干貨大合集》
7. 《再來！2016年7月設計圈干貨大合集第二波！》
8. 《超贊！2016年7月新鮮出爐的設計圈實用干貨大合集》
9. 《精準投放！2016年六月設計圈超實用干貨大合集》
10. 《月底福利！2016年5月第二波超實用設計圈干貨》
11. 《上手就用！2016年五月設計圈新鮮干貨大合集》
12. 《姍姍來遲！2016年四月設計圈干貨大合集》
13. 《質量保證！2016年三月可靠實用的設計圈干貨》
14. 《多多益善！2016年二月設計圈實用干貨第二波》
15. 《開工福利！2016年二月設計圈實用干貨大合集》
16. 《干貨干貨干貨！2016年第二波設計圈干貨大合集》

原文地址：hongkiat
原文作者：Thoriq Firdaus
優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com