vs2015 web开发_Web设计人员和开发人员的新鲜资源（2015年7月）

Web开发人员很幸运，他们在网上找到了免费的工具和资源，我们每个月都会在“新鲜资源”系列中尽职尽责地收集这些工具和资源。 如果您错过了上个月的批处理，请在此处重新访问，或查看今年初编译的其余新资源 。

对于2015年7月的批处理，我们正在使用可帮助您完成任务的新鲜工具和资源，其中包括WordPress插件（可让您将插件更新私下部署到JavaScript库中以添加引人入胜的动画）。

该插件为WordPress管理增加了类似于OS X Spotlight的额外功能。 使用它，您可以快速访问Mac中的文件和文件夹。 安装完成后，按两次Shift键 ，然后输入要访问的内容。 使用键盘可以使WordPress管理更易于访问。

SiteOrigin CSS是一个强大的WordPress插件，可以实时自定义任何主题外观。 该插件在外观>自定义CSS菜单下添加了一个新面板。 在其中，您可以编写自定义CSS规则以覆盖您正在使用的主题CSS，也可以使用GUI面板直观地添加CSS规则。

DynmaicJS是一个应用基于物理学的动画的库。 我不是物理专家，但此菜单中的示例看起来很酷。 它可以为HTML和SVG元素设置动画，并为您提供快速的性能，而无需任何依赖。 DynamicJS已在Safari 7 +，Firefox 35 +，Chrome 34+和IE10 +上进行了测试。

此插件将阻止多个WordPress外部HTTP请求（例如对Google字体，Gravatar和WordPress更新器的请求）尝试连接到插件和主题存储库以进行更新。 对于本地开发来说，这是一个有用的插件，可以抑制这些调用失败时发生的错误（通常在Internet异常慢的情况下在本地开发时发生）。

一系列非常适合您的网站标题的视频。 所有视频都是免费的，并在Public Domain下获得许可。 不要忘记查看“如何使用”部分，以了解如何将视频添加到您的网页。

VibrantJS从图像中捕获突出的颜色。 它还公开了一些API，使您能够处理所获得的颜色，例如切换颜色格式并确定背景和文本的正确组成。 您可以使用它来改善网站界面的动态颜色生成，当图像尚未完全加载时将其用作占位符图像，或者创建用于生成色样的Web应用程序。

该库获取两种突出的颜色，并从获得的颜色中生成CSS渐变。 与VibrantJS相似，您可以将渐变用作图像未完全加载时的图像占位符，也可以应用为叠加色。

PurifyCSS从样式表中清除未使用CSS规则。 您可以使用它来将大型框架（如Bootstrap和Foundation）的样式表尺寸减少40％。 PurifyCSS可作为Grunt和Gulp插件使用。

这个名字说明了一切。 这个WordPress插件会在保存或发布帖子和页面时将标题以及内容中的标题转换为正确的大写字母。 我发现此插件对具有多个作者的网站很有用，以保持其网站内容的一致性。

该插件允许用户安装并自动更新 GitHub中托管的WordPress插件。 尽管名称如此，该插件还支持Bitbucket和GitLab ，包括私有存储库中的一个。 对于仅为客户开发和分发其插件或主题的开发人员而言，这是一个有用的插件。

WordPress主题审查小组的代码示例集合。 目前，该示例包含使用Customizer API构建主题定制器组件的代码，包括创建Section ，Settings和Panel 。 将来会添加更多的最佳做法示例代码。

翻译自: https://www.hongkiat.com/blog/fresh-resources-for-web-developers-july-2015/