每月我們所更新的設計圈干貨的產出，很大程度上依賴設計師、設計團隊以及相關的開發團隊的支撐。而為前端而準備的干貨素材，則和相關的社區、開源項目的成長有著密切的關聯。

在每個月的前端開發者合集當中，匯集了各種各樣的應用程序，包括可以在不同的電腦上管理 Sketch 插件的工具，可用在網頁設計中的不同字體，以及幫助前端更好工作的各色實用工具。

Inclusive Design Principle

如果你想讓你所設計的網站和應用能夠為盡可能多的用戶所實用，你可以參考這個包容性設計原則列表來完善自己的產品。其中包括了英文、西班牙文、法文和日文的版本，另外還包含了一個相應的海報，你可以打印貼出來。

MerlinWP

MerlinWP 是一個 PHP類，旨在幫助開發Wordpress 主題的開發人員更好地設計新用戶引導流程。

WTFJS

毫無疑問，JavaScript 是一門偉大的編程語言，它的整個生態已經無比的完善，無論是桌面端應用，Web應用還是移動APP，都可以勝任。不過JavaScript 還是有一些頗為棘手的問題，而WTFJS將這些狀況和問題都搜集了起來，看它名字就知道，What the Fuck！

Invoicing

這款 WordPress 插件能夠幫你直接在儀表盤就創建發票和報價單。它的設計足夠時尚，包含了相關所有的組件和功能，支持 Paypal、Authorize.net、Stripe 等付款方式。

Lungo

這款應用于macOS的應用能夠讓你的系統不進入休眠狀態。對于許多需要長時間完成的自動化任務，進入休眠狀態可能會影響效果，這個時候，就需要Lungo 出場了。

Vector Emoji

這是一組矢量的 emoji 表情合集，包含 Photoshop 和 Sketch 兩種格式。

PHPBot

PHPBot 更像是一個PHP語言小助手，當你輸入諸如array_merge?version_compare 這樣的函數的時候，它會顯示一段基于這些函數的代碼片段實例來給予回應。

TerminalsAreSexy

終端（Terminal）可能是目前最偉大的工具之一，這個名為 TerminalsAreSexy 的列表，涵蓋了相關的工具、框架和擴展，讓你的終端更加強大。一旦掌握了終端和命令行，你會發現它比GUI更加強大。

Flat Picker

FlatPickr 是一款輕量級的、易于定制的時間日期選擇器，它適用于 IE9+，iOS Safari 6+ ，MS Edge ，Chrome 8+ ，Firefox 6+ 。

Composer Cat

Composer 是一款流行的PHP應用管理程序，如果你喜歡使用 圖形化界面，那么 Composer Cat 就是你正在找的東西。

Vidlery

這是一組非常使用用在網站背景當中的動畫視頻，所有的這些視頻都是免費的。

Webpack Dashboard

這款儀表盤的設計靈感源自于 NASA OpenMCT Dashboard ，這款應用可以為你展示Webpack 軟件包中的日志、素材和相關操作的分析評估，讓你擁有在NASA工作的感覺。

GTop

GTop 是另外一款增加生產力的工具，它是一款 Node Package，能夠讓你的終端擁有系統監控控制面板。

Wekan

Wekan 是一款類似 Trello 的一個用程序，并且可以在你自己的服務器上運行，替代 Trello 的存在。

FuzzySort

這款靈感源于 SublimeText 搜索功能的JS庫，能為你提供快速模糊搜索的功能。

NerdFonts

這是一個包含了大量流行字體的合集，常見的 Hack、Fira、Ubuntu、Roboto都在其中。

Fitty

Fitty 是一款 JS庫，適合用作文本容器。它還能兼容自定義的Web字體和多行文本。

WhatWebCanDo

網頁的發展已經遠遠超出了文本和媒體本身，大量的新的API的進入，新的元素和CSS技術使得網頁擁有了極大的可能性。而WhatWebCanDo 當中就列舉了網頁所具備的諸多功能。

SketchPacks

這款APP能幫你同步不同電腦上的Sketch 插件。當你有多臺Mac設備用來做設計的時候，這一功能非常實用。

FontStorage

這是一個超大的免費字體合集。

【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