在过去的几个月里，开发者社区发布了大量的新工具和资源，整个社区的活跃度明显提升。这也让前端干货合集的系列文章有了足够多的推荐素材。这次的工具列表包括用于生成虚拟数据的JavaScript库、用于在本地网络上共享文件的工具以及允许您将终端录制直接转换为SVG动画的工具。它们听起来都很酷吗？如果你是一个对新鲜有趣的前端素材感兴趣的人，那么不要错过今天的推荐。Pushbar.jsPushbar.js是一个用于创建滑动抽屉效果的JavaScript库。抽屉效果经常用在网站的导航中，用来展示二级导航等内容，但是用在网站的其他地方是毫无疑问的。Pushbar.js是完全可定制的，没有依赖性，也不需要jQuery。CarbonNowCLICarbonCLI是Node.js的一个工具，可以通过命令行界面生成代码截图。这个工具的灵感来自carbon.now.sh，它可以让你通过浏览器做同样的事情。Faker.js这是一个用于创建虚拟数据的JavaScript库，支持生成大量数据，包括姓名、地址、公司名称、电话号码、日期等不同字段。这些数据对于测试web非常有用应用程序和网站。TermToSVGTermToSVG是一款Linux终端录制工具，可将命令行对话呈现为SVG动画。对于开发者来说，它是一个非常有用的编写教程的工具。数据库备份管理器这是一个PHP库，它的名字已经很明显地体现了它的功能：数据库备份管理。它可以提供数据库备份和恢复服务，支持从中提取和备份各种服务，包括Dropbox、AmazonS3、FTP、SFTP和RackloudCloud。ReactBits这是大量React.js技术、提示和技巧的集合，涵盖了常见的设计模式、样式和性能技术。这是一个非常有用的资源，可以提高您的React.js技能。DSSLanguage的全称是DeterministicStyleSheets，是一种全新的CSS创建工具。它是如何工作的？如何应用到日常工作中？目前，它还有很大的探索空间。作为一个很有前途的新事物，大家可以关注一下。PurgeCSSPurgeCSS是一个NPM包，它允许通过删除未使用的CSS来优化Web应用程序。这个工具有很多内置的支持模块，包括Gulp、Grunt、Webpack和PostCSS，所以你可以把它集成到你的项目中。RFSRFS是“响应式字体大小”的首字母缩写词。这是一个非常有趣的项目，可以解决web上最麻烦的事情，即字体大小响应屏幕大小，更好地匹配设备。RFS可作为NPM使用。SimpleBar这是一个用于创建自定义滚动条的JavaScript库。SimpleBar允许您像其他HTML元素一样使用CSS来控制滚动条的样式。过去，由于平台和浏览器显示，浏览器滚动条样式很复杂，但SimpleBar使这变得简单。LarastanLarastan是Laravel的PHPStan包装器。PHPStan是一种无需编写单元测试即可检测代码中潜在错误的工具。它可以检测很多东西，包括调用的方法和函数、分配的属性类型、为类提供的构造函数的数量和类型，以及验证phpDocs。PWMetricsPWMetrics是PaulIrish开发的一个工具，可以通过命令行界面收集ProgressiveWebApp相关指标。该工具由Lighthouse提供支持，可作为NPM包使用。PaxPax是一个JavaScript打包器，可以将JavaScript模块编译成浏览器可读的文件。Pax承诺它对开发人员来说足够快。与其他类似的包相比，Pax编译速度更快，完全支持ES6导入和导出语法，以及CommonJS语法导入。SustyWPSustyWP是一个非常简约的WordPress主题，它通过保持尽可能小的尺寸来节省空间资源。该主题在浏览器加载时只有7kb，快速且轻巧，您可以在本文中查看JackLenox为其编写的主题故事。TheDoodleLibraryTheDoodleLibrary是一个涂鸦库，里面收录了大量的涂鸦图，并根据不同的属性进行分类。这些图都是SVG格式的，方便使用。这些材料根据CreativeCommonAttribution4.0分发。Tilt.jsTilt.js是一个jQuery插件，用于创建类似于我们在AppleTV上看到的各种预览缩略图，具有非常漂亮的渐变效果。它不需要额外的CSS就可以做到这一点。该工具的页面提供了一些实现示例，非常容易上手。FileroomFileroom是一款同网P2P文件共享工具，无论你使用什么操作系统，都可以流畅共享。CoolhueCoolhue为您提供了一系列精心挑选的渐变色，让您可以直接抓取配色方案在Photoshop、Sketch等工具中使用，或者直接借助bower或npm在您的相关开发项目中使用。这可以为您节省大量的网站设计和开发时间。ReefReef是一个用于创建UI的简单JS库。它没有React.js和Vue.js等大型库的花哨组件。如果你只需要渲染UI，那么你可以使用Reef。另外，Reef很小，只有2kb。EvergreenEvergreen是来自Segment.io的UI组件集合，其中包含不同的组件。除了按钮、图标、文本输入框等常用组件外，它还包含了长青特有的内容，如Toaster、SideSheet和ComerDialog等组件。
