進入2017年之后，設計和前端開發一直在快速的發展著，過去一年的設計和技術積累，催生了一批又一批的新工具和素材，今天的這一批干貨素材主要是給網頁前端和開發者所用的，其中所涵蓋的內容多種多樣，從APP到代碼片段不一而足。

Slinky

Slinky 是一款實用的 Sketch插件，能幫你一鍵將Sketch 畫板導出為 HTML郵件模板，Slinky 目前還處于快速發展的階段，部分功能還不夠完善，不過按照它的官方指南來進行操作，其輸出效果還是相當不錯的。

Boilrplate

這是一個精心策劃的樣板和模板的合集，幫你快速啟動項目，其中包含了使用不同編程語言搭建的不同程序框架，包括 jQuery，Angular，React，Wordpress，Backbone和Electron。

Griddy

CSS柵格框架可以說是前景無限，它對于網頁設計開發和布局構建的影響非常之巨大。但是考慮到CSS柵格的復雜性，許多設計師對于自己搭建CSS柵格敬而遠之。不過，有了Griddy之后，你就不用擔心這個問題了，它極大的降低了CSS柵格搭建和使用的難度。

React Fundamentals

你可以在這里學習React，即使你毫無基礎也能順利的入門。這里涵蓋了視頻教程、文章和相應的測試。這個課程是完全免費的。

Chassis Desktop

Classis Desktop 算是一個Wordpress虛擬機，可以幫你搭建一個Wordpress系統和相應的配置環境，你可以在其中配置、開發和測試 WP主題和插件等組件。目前 Classis Desktop 仍然處于開發階段，即將發布。

Papersizes

這個合集包含了不同國家所使用的標準的紙張尺寸，對于前端和開發者而言，這些資源在特定的時候非常的有用。

TippyJS

這是一個用來構建 Tooltip 的JS庫，TippyJS 提供了豐富的配置工具和設置選項來進行工具提示的設置，同時，TippyJS 允許開發者使用CSS來控制提示的主題風格樣式。

Design Patterns PHP

深入理解編程語言的設計模式，能夠幫助開發人員編寫出可拓展可維護的代碼，而這個教程就是關于PHP語言的設計模式，值得相應的開發者對此進行研究。

Guzzle

Guzzle 是一款頗為便捷的PHP庫，可以使用諸如“Get”“Post”甚至類似于JavaScript 中 Async 這樣的Http請求。它具有豐富的功能，使你可以輕松的發出請求獲得響應。

Mini.css

Mini 是一款極簡的CSS框架，精簡，輕量級，不占空間。同時，作為一個Web組件，Mini.css 還包含了必要的組成部分，包括柵格、導航和表單等。

SimpleIcons

從eBay 到 Viber，從Dribbble 到 Google+ ，這些公司和品牌的LOGO常常需要運用到互聯網產品當中，這個圖標合集很好的解決了這個問題，合集中的圖標都使用的是SVG格式，便于開發者和設計師調用。

Chrome MySQL Admin

這款谷歌瀏覽器插件讓你可以更加便捷的管理你的MySQL數據庫，它是Sequel Pro 和 MySQL Workbence 這樣的工具的可靠替代品和備選方案。

Numi

Numi 所以款簡單漂亮，也足夠獨特的Mac端計算器程序，它的功能也非常的多，比如可以輸入 10 USD in SGD 來進行貨幣換算。

Laradock

Laradock 支持各種不同的數據庫引擎，包括 Maria DB 和 MongoDB 以及像 Redis 和 Memchaced 這樣的緩存引擎。雖然它是以 Laravel 命名，但是它同樣支持 WordPress 和 Drupal 這樣的平臺。

Fabrica

Fabrica 是一系列用來支持 WordPress平臺的工具合集，這其中工具覆蓋范圍非常廣，Fabrica 使用 Docker 確保開發環境能夠快速運行，并且借助 WordMove 進行部署。

Husky

Husky 是一個Node 模塊，它能運行Githooks諸如 Pre-commit、pre-receive 和 post-receive。

EasyMap

EasyMap 可以調用 Google Maps API 密鑰，讓你更加輕松地在谷歌地圖中添加標記，這些位置地址將會以 Json 格式保存。

Wappalyzer

Wappalyzer 是一款非常實用的谷歌瀏覽器拓展，它可以幫你查看你所打開的網站使用了哪些工具，調用了哪些服務和庫。借助這個工具，可以發現，仍然有許多著名的網站在使用jQuery ，甚至包括 Github。

Bash Guide

諸如Linux 和 Mac 這樣的系統能夠使用Bash 腳本來發出指令，管理系統，進行許多圖形化界面不一定能夠完成的任務。這個指南能夠幫你更好的學習Bash。

Chroma.js

Chroma.js 是一款控制色彩的JS庫，它支持多種顏色格式，包括 HEX、 RGB 和RGBA。除此之外，它還能通過亮度、對比度和飽和度來控制色彩。

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