2018web开发_Web设计人员和开发人员的新鲜资源（2018年2月）

从事本系列文章已有多年，我亲眼目睹了工具的来龙去脉。 几乎每周都会发布一些新工具 。 但是，在过去的几周里，我认为它的运行速度有所放慢，我花了比平时更长的时间来挖掘Github和其他资源，以找到免费，开源的新工具 ，并在本系列中值得一提。

在今天的帖子中，我将混合使用JavaScript框架中的工具，测试工具以及一些用于开发WordPress网站的工具。 让我们检查一下。

一种使用您自己的域名缩短URL的应用程序 。 它建立在Node.js，React和Redux等顶级现代协议栈的基础上，具有一些内置的功能，包括密码保护URL，RESTful API和用于监视URL的详细统计信息。 最好的是，它是免费的，您可以将其托管在自己的服务器上。

WordHat是将Behat 集成到WordPress的工具 。 Behat是用于PHP的开源行为驱动开发（BDD）框架，您可以在其中以更具表现力的方式测试PHP应用程序。

当您的WordPress主题和插件的功能变得更加复杂时，您会发现此工具非常有用。 WordHat和Behat将确保您的主题或插件在用户与其交互时表现出预期的效果。

类似于WordHat，WP-Browser是Codeception的扩展， 专门针对WordPress应用程序，主题和插件而设计 。 Codeception是一种在应用程序上执行测试的工具，类似于PHPUnit和Behat，但捆绑了更多工具。 这样，您就可以进行浏览器测试，BDD，单元集成测试和API测试 。

名字足以说明问题。 它是一个NodeJS模块，可自动执行许多操作以国际化您的主题或插件。 安装模块并键入wpi18n makepot以从WordPress插件或主题中的可翻译文本中生成POT文件 。

最近在Github上流行的另一个NodeJS模块。 “感谢”将生成您的开源项目中使用的软件包维护者的列表，并将其链接到其捐赠或OpenCollective页面，以表示感谢他们对社区的贡献。

古腾堡（Gutenberg）听说过，并将随WordPress 5.0一起提供。 这是一个NPM模块，用于生成带有现代堆栈（例如React，Webpack，Babel和Sass） 的Gutenberg块开发样板 。 只需运行命令行， create-guten-block ，就一切create-guten-block 。

WP Vue是使用Vue构建的模板，用于显示WordPress帖子 。 如果您想使WordPress网站变得无头，则此模板是一个不错的起点。 在演示页面中查看其工作方式。 从任何WordPress站点更改WP-API URL端点的URL ； 它将使用来自新端点URL的帖子自动重新填充帖子。

来自Basecamp的新JavaScript框架 。 与React或Vue不同，它不会强制您使用JavaScript编写整个应用程序或添加合成属性。

StimulusJS以我们已经知道的data- attribute的纯HTML格式工作。 它还不需要复杂的构建配置。 您可以像使用jQuery一样简单地在网页上添加脚本，仅此而已—开始编写脚本使您的应用程序活跃起来。

一个免费的应用程序来创建和管理发票 。 您可以添加便笺，设置货币，应用折扣，添加客户或客户列表， 添加徽标，设计发票模板并以PDF格式下载 。 它适用于macOS，Windows和Linux。 如果您是自由职业者，那么这可能就是您一直在寻求经营自由职业的发票。

顾名思义，这是一个允许您使用React生成静态站点的工具。 它与所有预配置的工具捆绑在一起，因此您可以开始制作Web内容。 作为静态站点，您甚至可以在资源较少的共享托管中托管该站点 。

Piklist是WordPress的一种开发， 可让您以更少的代码使用WordPress构建复杂的网站设置 。 它带有一组帮助器函数和挂钩，可扩展WordPress中几乎所有的部分，例如“设置”页面， 自定义字段，管理通知，短代码，小部件，分类法，用户等。

内容无关的CMS框架，用于构建内容API 。 它使您可以设计自己的内容结构和API，并提供漂亮的管理面板来管理它们。 但是，它不提供内置的模板系统。 它使您可以选择自己喜欢的任何前端库，例如React或Vue。

ParcelJS是一个类似于Webpack和Browserify的捆绑程序，但它的运行速度更快且需要零配置。 它支持HTML，JS，CSS和 PostCSS等Babel的通用开发捆绑包 。 因此，您可以只专注于代码，而不必在配置上浪费时间。

一个JavaScript库， 显示“社交媒体”按钮，其中包含一些社交媒体的共享计数 。 它支持许多社交媒体，包括您从未听说过的社交媒体，例如Vkontakte，Odnoklassniki，SurferBird，以及一些令人信服的平台，例如Skype，WhatsApp和LINE。 GoodShare也可以作为Vue组件使用 。

一个允许您查找特殊字符并将其复制到剪贴板的网站 。 字母，标点，数学，箭头和表情符号是网站上包含的一些字符。 只需单击或点击一个字符即可将该字符复制到剪贴板 。

Nerv是另一个React式VirtualDOM库。 ReactJS的替代品 。 它带来了熟悉的React语法JSX，但几乎没有显着差异。 Nerv支持Internet Explorer 8！ 只是React大小的三分之一。 尽管如此， Nerv甚至与最复杂的React插件都兼容 。

值得研究构建Web应用程序的另一个JavaScript库。 它将状态管理与虚拟DOM引擎结合在一起，该引擎支持键更新和生命周期事件，而这些都没有依赖性。

Vulcan是用于构建现代Web应用程序的一系列工具 。 它与预先配置的React，GraphQL和Meteor捆绑在一起。 由于它是一个全栈框架，提供了一系列可以在后端和前端进行微调的帮助程序组件，因此一切都是开箱即用的 。 因此，您可以使您的应用程序快速启动并运行。

Windows，macOS和Linux的桌面应用程序，用于检查网站上的可访问性问题。 Koa11y将为您的网站是否违反辅助功能标准提供通知和警告 。

这应该是每个Web开发人员工具箱中的工具。 尝试只用一天的键盘浏览网站，以了解可访问性的重要性。

一个真正漂亮的GUI应用程序，用于管理数据库 。 TablePlus支持各种各样的数据库引擎，（当然）包括MySQL，SQLite，Redis，Postgres，MS SQL等。 TablePlus可用于macOS和Windows。

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-02-2018/