2017年6月前端开发者干货大合集

每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于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

和 Muse UI类似，它也是一个基于 Material Design 设计语言的UI框架。不过 Material UI 是基于 React 来开发的。所以，选择 Material UI还是选择 Muse UI，就要看你的团队更倾向于 React 还是 Vue.js了。

Lazy Image

Lazy Image 是一个用来按要求加载图片的自定义 HTML 元素，这个自定义元素在元素对象中提供了一个附加的 .active 对象，可以在任何需要的事件或者用户交互中触发它。

Mac CLI

Mac CLI 是一款能够透过终端来管理你的 macOS 的优秀工具。对于热衷于使用命令行来控制系统的开发者而言，这是多么实用的东西啊！

Keeping You Awake

KeepingYouAwake 是一款防止Mac进入睡眠状态的菜单栏小工具，一旦你激活了它，它就能让你的Mac一直处于开启状态。

JSON Feed

JSON Feed 基于 JSON 格式的Feed 标准，它可以借助 WordPress – pluginhre – build 来实现。让我们同 XML 说再见吧。

Carbon

简而言之，Carbon 就是 PHP版的 Moment.js。它是一款用来生成可控日期和时间字符串的PHP库。

SpeedRacer

SpeedRacer 是今天所推荐的另外一款性能单元测试工具。K6是通过模拟用户访问的流量来评估性能，而SpeedRacer 则是直接借助浏览器来实际测试性能，两者可以搭配起来使用。