进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。
进入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
优设译文：陈子木