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

在这部分新资源中，列表中混合了各种资源。 除了一些基于代码的工具（例如新JavaScript库和框架）之外，我们还包含了几个方便的GUI应用程序 ，我相信开发人员和设计人员都将赞赏。

让我们详细检查列表，并在下面的评论部分告诉我您最喜欢哪一个。

独特的工具可以查找在其他地方很少见的独特字体 ，它对于创建徽标或仅需单击几下即可轻松为文档找到合适的独特字体组合很有用。 选择首选项后，您可以下载并命名为自己的字体 。 太棒了！

一个简单的Web应用程序，可以将任何照片转换为十二酮 ; 由两种对比色组成的单色照片。 您可以上传自己的照片，也可以选择该工具提供的照片来编辑和下载结果。 一个在您的网站上创建引人注目的背景图像的好工具 。

MDX是结合了Markdown和JSX的规范。 这使您可以做一些以前从未做过的疯狂事情，例如导入Markdown文件， 使用Markdown文件作为独立组件包含在其他文件中以及在其中使用React组件。

显示字体详细信息的便捷工具 。 只需放下字体，它将显示名称，样式，版本，版权信息，字形，支持的语言等。

一个用于测试DOM（文档对象模型）的 JavaScript库。 您可以使用它为Web UI组件编写一个测试单元 ，以确保UI可以像实际用户一样使用。 这还可以帮助您在代码重构期间维护UI的UI功能。

一个简单的React组件，可以直接在浏览器中而不是在带有console.log 的浏览器控制台中转储或记录输出 。 该工具是由React最受欢迎的讲师之一Wes Bos创建的。

方便的应用程序，用于将OS映像刷新到可引导的闪存盘 。 这个过程过去很难遵循。 使用Etcher，就像1-2-3一样简单。 该工具支持几乎所有主要的操作系统，包括Windows，Linux和macOS。

Ni是安装NPM软件包的另一种更好的替代方法，Ni可以安装package.json文件中缺少的依赖项， 显示已弃用的依赖项 ，以及总体上更好的界面。

Cuttlebelle是React.js。的静态站点生成器，它提供了更大的可扩展性，您可以使用基于React的组件来扩展页面布局 。 如果您已经熟悉React.js，则可以轻松创建新的布局并在任何Markdown文件中使用它。

ImgBlur是一个简单JavaScript组件，用于以现代方式加载图像，它附带一个CLI，可从原始图像生成模糊图像 。 模糊图像的尺寸较小，在加载原始图像之前会先加载。 查看演示以查看该组件的运行情况。

Dinero.s是一个用于创建，计算和格式化货币JavaScript库。 支持所有现成的国际货币 。 您可以在Node.js环境中使用该库，并通过CommonJS或EcmaScript 6在浏览器中加载该库。

WiredJS使用本机“ Web组件”构建。 这是一个具有粗略外观的独特UI库。 这个库最酷的是， 元素笔划是随机绘制的，这意味着没有两个元素会完全相同 。 用于创建线框或模型的理想库。

Vuido是带有Vue.js的轻量级桌面应用程序框架。 例如，您可以使用Vue.js API及其许多附加组件（例如Vuex）来构建适用于Windows，Linux和macOS的桌面应用程序 。 这是电子的绝佳替代品。

一个JavaScript库，用于使用本机Web组件和更友好的API创建自定义HTML元素。 该库提供了一种更简单的API，类似于Vue.js或React.js中的API。

为Vue.js构建的静态站点生成器 。 Saber.js没有附带Nuxt.js之类的花哨的东西。 选项和配置最少，如果您只想拥有一个易于维护的静态网站，则使其成为一个不错的选择。

Winds是现代的RSS和Podcast阅读器，可用于Windows，macOSv和Linux。 该应用程序看起来很漂亮，并且带有现代的阴影效果，圆角，渐变和其他。 这是一个很好的应用程序，可以管理您的网站订阅，以跟上这个瞬息万变的行业 。

一个将HTML或Pug转换为PDF的转换器。 您可以使用HTML，CSS，JavaScript创建复杂的布局，并使用Markdown写下主要内容。 最重要的是，您还可以使用JavaScript库，例如Chart.js添加图表，使用MathJax添加Math格式。

选择两个Google字体和计算机上安装的本地字体的工具，外观相似。 对于Web开发人员来说，这是一个方便的工具，可以在Google字体尚未完全加载时缓解这种丑陋的FOUC（未样式化内容的闪烁）的情况。

将PWA（渐进式Web应用程序）引入WordPress Core的计划 。 在撰写本文时，该项目尚处于初期阶段。 这是一个有趣的项目，尤其是如果您主要在WordPress生态系统中工作时。

Blueprint.js是一个基于React的UI库，其中包含一堆规则，例如按钮和选项卡，以及构建现代Web应用程序Omnibar通常所需的其他UI组件。 一个浮动搜索框，类似于macOS中的Spotlight或Alfred应用 。

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