【译】15个有趣的JS和CSS库（2018.7）

Tutorialzine每月都会给我们精心挑选优秀的web开发资源，这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧！

polly是一个用于记录，重放和模拟HTTP交互的开源库。它提供了一套完善且易用的API来拦截、修改和附加事件，并更改配置来加快或减慢请求响应时间。并且使用Polly记录的HTTP交互历史可以保存到浏览器的localstorage或本地存储中。

一个通过简单的交互来裁剪图像的React组件，它非常易于使用，支持拖动和缩放交互，提供了像素和百分比的裁剪方式。你可以使用任何图像格式(jpeg，png，gif)。并且该组件支持移动端开发。

用于创建耳目一新且响应式web应用的CSS框架。它提供了创建漂亮的交互式设计所需的所有组件 - 按钮，表单，动画，表格，页眉，页脚等等。该框架非常轻量-你可以只选取应用所需的组件文件，而且可以自定义-所有组件可使用CSS设置样式，该框架兼容所有的现代浏览器。

Repaintless.css是一款轻量级高性能的CSS3动画库。极易应用且内置了大量动效（fade-in, fade-out, rotate, pulse, slide ）等等。可以通过更改scss变量（文件）来轻松定制动画。

Sprite是一款跨平台2D渲染对象模型，为图形创建类似于DOM的对象模型，因此我们可以像创建DOM元素一样创建Sprite元素，并将它们渲染到Cavans画布上。支持服务端渲染，高性能的缓存策略，可扩展的事件机制。

Three Dots是一个CSS库，由三个点创建的有趣加载特效。内置了大量的的动画，而且可以通过scss变量来轻松定制（颜色，宽度，高度，间距等）。

Rmodal.js是一个简单且高性能的模态对话框。非常轻量（仅1.2KB），没有外部依赖性。对Bootstrap和Animate.css友好。支持ES modules, CommonJS并兼容IE9以上版本的所有现代浏览器。

它是一个用于JavaScript代码的测试工具。零配置，开箱即用。使用并行测试来最大化性能，内置的代码覆盖率报告并支持TypeScript或任何其他编译到JavaScript的语言。

一个很棒的开源图标集，包含400多个图标。您可以使用自定义类来设置图标的样式（更改大小，添加边框和动画，旋转或翻转）。此图标集中收藏了各式各样的图标，你很有可能找到你心仪的图标。

Web Maker是供前端使用的离线编辑器。它内置了一个控制面板，可以方便的添加JS和CSS库，并支持HTML，CSS和JavaScript预处理器，项目的导入和导出，并能一键完成在CodePen中共享。

Odometer是一个用来创建平滑的数字变换的组件库（Javascript和CSS）。轻量，高性能，所有动画采用CSS中transform实现。它支持Firefox，Safari，Chrome和IE8 +，并且在旧版浏览器上具有自动降级功能。

是一个快速生成静态站点的工具。支持所有最新的Web技术如React，Webpack，JavaScript和CSS。并具有丰富的插件支持，支持从任何来源导入数据。 Gatsby专注于构建快速，高性能的站点，而且部署过程非常简单。

Anime.js是一个非常轻量的JavaScript动画库，可以处理任意的CSS属性，以及SVG或DOM属性。提供了大量的可自定义功能接口，如链接和同步多个动画，播放，暂停和重新启动等等。

一款开源jQuery插件，可以在HTML表单中添加高级功能。它内置了许多常用功能，如分页，过滤，根据列排序等等，用户可以从表中获取最多信息。它对移动设备友好，而且可扩展和具有对多语言支持特征。

Shave是一个零依赖、轻量级的JavaScript插件，它用于截断多行文本，以适应基于max-height设定好的html元素，并将原始文本字符串存储在隐藏的元素中，以便你的文本能够完整地保留在页面中。Shave非常轻量（1.5k），不依赖任何库并且能与其他javascript库兼容。

周末看博客，突然想起这系列文章的以前作者好像已经很久没有更新了，刚好有看到这个系列，就想到译一下，如果大家有兴趣，欢迎大家留言。

原文：15 Interesting JavaScript and CSS Libraries for July 2018 - Tutorialzine