每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~

　　Kap

　　Kap 是一款设计精巧的macOS 屏幕录像软件，它是基于Web技术来搭建的开源APP。这款应用中最令人着迷的是它的即时转码输出功能。Kap 是帮你记录APP的绝佳工具。

　　Sizzy

　　Sizzy 是一款用来测试响应式网站的开发工具，它可以帮你在一块屏幕上测试多个屏幕尺寸下的显示效果。比起Chrome 内容之的移动端模拟器，Sizzy 要方便太多。值得一提的是，它也是Chrome 浏览器插件。

　　Muse UI

　　Muse UI 是一款基于 Vue.js 2.0 采用Material Design 风格的 UI 库，其中包含了诸如 Appbar、Card 和 Dialog 这样典型的Material design 风的控件。在它的基础上快速构建UI是个不错的选择。

　　Advanced WP-CLI

　　作为一名 WordPress 开发者，我我几乎每天都会用到 WP-CLI 。我最近才发现，WP-CLI 还能让你在创建主题的时候，作为 PHP UnitTest 的脚手架而存在!下面是 WP-CLI 的开发者 Daniel Bachhuber 所列举的 WP-CLI 的高级用法列表。

　　Lunacy

　　Lunacy 是一款在Windows 平台下的 Sketch 文档阅工具。包含文本、栅格」渐变和阴影的Sketch 文档都可以正常显示，无需联网，直接使用，完全免费。

　　K6

　　对于每个Web应用而言，速度都很关键。但是如何衡量速度呢?这就是K6能帮你搞定的事情了。它会模拟网站的流量，计算加载速度。简单的说，K6就是测试速度和性能的单元测试工具。

　　Checker Service

　　网络检测工具也能多，它们常常能够检测DNS、加载速度、SEO、安全以及SSL等，今天的这个服务列表当中包含了大量这类检测工具，其中绝大多数是免费的，还有一部分是提供高阶功能的收费工具。

　　SVGito

　　SVGito 是一款用来优化 Sketch 生成的SVG文档的实用小工具，将你生成的SVG 文档的相应代码粘贴到 SVGito 当中，就能返还给你优化好的代码。

　　Launchaco

　　想为你的项目起一个没人用过又足够好听的名字以及相应的域名还蛮不容易的，而Launchaco 就是帮你解决这个问题的，它会帮你结合社交媒体(Twitter、Facebook等)的域名和用户名的信息，帮你生成一个合用的名称，甚至生成相应的标识。

　　Obnoxious

　　这是一组使用CSS生成的独特的动画的合集。如果你的内心和大脑不够坚强的话……还是不要打开它们了，哈哈。

　　CSS Grid Cheat Sheet

　　在刚刚学习CSS栅格的时候，碰到新的属性，新的测试单元，以及全新的Web布局和实战范例，可能是一件略显棘手的事情。而今天所推荐的这个工具，就是帮你缩短这个过程，真正落到实地。

　　Workbox

　　Workbox 是来自谷歌的一个全新的项目，旨在构建渐进式的Web应用(PWA)，它类似于 Yeoman 和 Create React APP，让你可以通过一行命令来完成一系列的任务。

　　Mavo

　　Mavo 是一个来自 Lea Verou的全新开源项目，它是一个能将裸 HTML 标记和一些自定义属性直接转换为 Web应用的库。它和其他的库(诸如 Backbone、Vue.js 以及 React)相比，更易于使用，因为它能让技术没那么专精的用户同样可以轻松构建出优秀的Web应用。

　　Material UI