Web设计人员和开发人员的新鲜资源(2017年5月)

因此,作为我自己的开发人员,我努力每月为您提供最佳和最新的Web开发资源

Web开发人员真正希望在其工具箱中收集有用的Web资源

因此,下面我们逐一检查它们。

本月的收藏包括一个有趣的免费应用程序,可以进行屏幕广播 ,几个基于Material Design语言的框架,几个用于性能测试的库,CLI,以及一些其他方便的资源

Kap是录制您的应用程序或网站的实时演示的绝佳选择。

我在此应用程序中喜欢的一件事是,它提供了开箱即用地转换视频的功能

这是一个使用网络技术构建的开源应用程序。

Kap是MacOS精巧的小屏幕录像机

Web设计人员和开发人员的新鲜资源(2017年5月)

Sizzy还作为Chrome扩展程序提供

Chrome的内置移动模拟器相比,它是一款超级便捷的应用。

Sizzy是一种开发工具,可以在一个屏幕以多种视口尺寸测试您的自适应网站

Web设计人员和开发人员的新鲜资源(2017年5月)

这是快速构建和运行UI的绝佳框架

一个基于Material Design原理的UI库,它基于 Vue.js 2.0构建,Muse UI包含了Material Design组件,如Appbar,Card和Dialog。

Web设计人员和开发人员的新鲜资源(2017年5月)

这是WP-CLI维护者Daniel Bachhuber本人提供的WP-CLI高级用法列表。

但是,直到最近,我才发现WP-CLI允许您创建主题的PHP UnitTest支架!

我是WP-CLI的忠实拥护者,并且在我作为WordPress开发人员的工作中几乎每天都使用它

Web设计人员和开发人员的新鲜资源(2017年5月)

而且它是完全免费的

不需要连接到互联网 ,因此开发人员可以在任何地方处理Sketch文件。

它适用于包含文本,光栅图像,甚至渐变和阴影的Sketch文件。

Lunacy是Windows独立Sketch文件查看器

Web设计人员和开发人员的新鲜资源(2017年5月)

简而言之,K6是PerformanceUnitTest

它模拟到您网站的流量,并在给定的持续时间内加载该网站,就好像它是真实流量一样。

好吧, 答案是K6

但是,您如何衡量网站的速度?

速度在Web应用程序的几乎每个方面都很重要

Web设计人员和开发人员的新鲜资源(2017年5月)

这些工具中有许多是免费的,但是其中列出了一些高级服务, 可为用户提供高级功能

大量的Web应用程序列表,可用于检查许多内容,例如DNS,负载,速度,SEO,安全性和SSL

Web设计人员和开发人员的新鲜资源(2017年5月)

将您的SVG代码粘贴到网站上,它将立即返回优化的代码。

是用于优化从Sketch应用程序生成的SVG的小型网络工具。

Web设计人员和开发人员的新鲜资源(2017年5月)

Launchaco是一款方便的工具, 可让您查找域名,不同社交媒体(如Twitter,Facebook,Instagram等)的用户名 ,并帮助您生成漂亮的企业徽标

为您的创业公司找到一个好名字很难,而在社交媒体上获得可用的用户名处理程序则更加困难。

Web设计人员和开发人员的新鲜资源(2017年5月)

如果您的内心和意志不足以观看动画,请不要运行动画。

用CSS完成的组独特动画

Web设计人员和开发人员的新鲜资源(2017年5月)

顾名思义,此工具旨在帮助您通过CSS Grid站起来

当涉及到许多新属性, 新的度量单位以及几乎完整的用于构建Web布局的新范例时,学习CSS Grid可能会非常令人生畏。

Web设计人员和开发人员的新鲜资源(2017年5月)

它类似于Yeoman或Create React App,它使您可以在单行命令中准备好一切。

Workbox是Google的一项新计划,旨在构建渐进式Web应用程序 (PWA)。

Web设计人员和开发人员的新鲜资源(2017年5月)

与诸如Backbone,Vue.js或React之类的其他库相比,Mavo更易于遵循,因为它允许技术含量较低的用户快速轻松地构建Web应用程序

它是一个库,可以将纯HTML标记和一些自定义属性转换为可正常运行的Web应用程序

Mavo是Lea Verou的新开源项目。

Web设计人员和开发人员的新鲜资源(2017年5月)

如果您是Vue.js团队或React团队

现在取决于您的喜好了;

但是,这是使用React构建的。

与Muse UI类似,它是一个基于 Meterial Design语言UI框架

Web设计人员和开发人员的新鲜资源(2017年5月)

这个custome元素在Element Object中提供了一个附加的.active对象,您可以根据需要触发该图像以在任何事件或用户交互中触发图像加载

惰性图像是一个自定义HTML元素,可根据要求加载图像

Web设计人员和开发人员的新鲜资源(2017年5月)

多么酷啊!

或者,在给出演示文稿之前,键入mac presentation ,它将为您的Mac做准备( 最小化所有应用程序,关闭浏览器,从桌面发送文件并下载到回收站并设置为打扰模式)。

只需键入mac update即可更新MacOS。

通过Terminal管理MacOS的漂亮工具。

Web设计人员和开发人员的新鲜资源(2017年5月)

您可以使用Homebrew安装此应用。

KeepingYouAwake是MacOS的菜单栏实用程序, 可防止Mac在设定的持续时间内或**后进入睡眠模式

Web设计人员和开发人员的新鲜资源(2017年5月)

让我们向XML说再见

这应该使Web开发人员的生活更轻松。

已经有一个WordPress插件 hre>为实现而构建。

这是用于以JSON格式交付内容供稿标准规范

最后!

Web设计人员和开发人员的新鲜资源(2017年5月)

它是PHP库,用于生成和操作日期和时间字符串

简而言之,Carbon是PHP的Moment.js

Web设计人员和开发人员的新鲜资源(2017年5月)

SpeedRacer可以成为K6的良好伴侣。

K6将通过发送Virutal用户来模拟访问和点击量来执行负载测试器,而SpeedRacer将评估浏览器上的页面渲染性能

性能单元测试的另一个工具

Web设计人员和开发人员的新鲜资源(2017年5月)

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-05-2017/