我们创办 Tutorialzine 的使命是让你及时的了解 Web 开发中最新、最酷的趋势。所以，每个月我们都会发布一些精心挑选的优秀 Web 开发资源，同时我们也相信，它们值得你的关注。
1. Propeller
Propeller 是基于 Bootstrap 与谷歌的 Material Design 的 CSS 组件框架。它包含了 25 个响应式组件，同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题，或者完整的框架以及独立组件进行使用。
项目地址：【
http://propeller.in/index.html】
2. BaguetteBox
BaguetteBox 是一个利用纯 JavaScript 编写的库，它可用于创建响应式灯箱画廊效果。它是轻量级的，可自定义设置，并支持移动端，同时它还自带了相应的 CSS3 过渡。
我们最近利用这个库制作了 4 个免费的 Bootstrap Gallery 模板包，我想我们已经喜欢上它了。
项目地址：【
https://github.com/feimosi/baguetteBox.js】
3. Whitestorm
Whitestorm 是基于 Three.js 引擎用来开发 3D Web APPS 和游戏的框架。它为许多常见的 Three.js 任务提供了简单的封装，使搭建环境、创建对象、添加物件等操作更加的简单。官方也提供了示例项目，以及与 React 集成的工具，便于你迅速的开始工作。
项目地址：【
https://github.com/WhitestormJS/whitestorm.js】
4. Animatelo
Animatelo 是流行的 Animate.css 库的接口，它利用 Web Animation API 替代了 CSS 过渡，并将 Animate.css 库中的所有效果重现了出来。但它的 API 是基于 Javascript 方法的，而不是 CSS 类。同时，它也是轻量级的库，不依赖 jQuery，但在一些老版本的浏览器上或许要使用 polyfill。
项目地址：【
https://gibbok.github.io/animatelo/】
5. FuseBox
FuseBox 是一个用于 JavaScript 和 CSS 的打包程序，并具备用于 TypeScript，Sass 等的附加组件。它的设计理念是简单与性能，也为 Webpack 提供了可行的替代解决方案。
为了让你快速开始，官方提供了 Angular 2 + TypeScript，React + Babel，Vue.js，Electron 和其他版本的快速示例教程。
项目地址：【
https://github.com/fuse-box/fuse-box】
6. Yargs
Yargs 是使用 Node.js 构建功能齐全的命令行应用程序的框架。你可以轻松的配置命令、解析多个参数以及设置快捷操作方式。甚至，它还可以自动生成帮助菜单。
项目地址：【http://yargs.js.org/】
7. WebGradients
WebGradients 收集了一系列漂亮的色彩渐变，你可以将它们轻松的应用在任何 HTML 页面上。你可以通过快速预览，或是全屏查看可用的渐变色，然后仅需要一键复制 CSS 属性，即可将它们应用到你的项目中去。
项目地址：【https://webgradients.com/】
8. Sticky-Kit
Sticky-kit 是一个 jQuery 插件，它可以将元素附加到页面上的某个区域，并使元素保持其边界。这样随着页面的滚动，在父容器中的特定元素将会保持始终可见。
项目地址：【
http://leafo.net/sticky-kit/】
9. ScrollDir
ScrollDir 是一款超轻量的，不依赖 JavaScript 的库，用于监测 CSS 中的滚动方向。它可以察看滚动条的移动方向，并根据你选择的元素来切换上/下方向的数据属性。同时，它忽略了小的滚动动作，力求创造一个平稳的体验。
项目地址：【
https://dollarshaveclub.github.io/scrolldir/】
10. Svgo
这是一个用于优化 SVG 文件的 Node.js 工具，它可以删除那些无用的 SVG 信息，例如编辑器元信息、注释、隐藏元素以及不影响渲染向量的其他属性。同时，它基于插件模式构建，所以你可以自由的选择想要删除的内容。
项目地址：【
https://github.com/svg/svgo】
11. Store.js
Store.js 是用于本地存储的跨浏览器解决方案。近期，它的 2.0 版本也已发布，在更新了许多功能的同时，增加了一些额外的功能，例如数组/对象操作以及改进了过期选项。
在上一期的每月 Web 开发资源列表中，我们为大家分享了一个名为 localForage 的库。它提供了许多与 Store.js 类似的功能，但是具有更多的 localStorage 类语法。喜欢的话，不妨来看看。
项目地址：【
https://github.com/marcuswestin/store.js】
12. Snarkdown
Snarkdown 是一个使用 JavaScript 编写的超简单的 Markdown 解析器。诚然，它不是最复杂或功能最全的解析器，但它可能是最容易实现的。
Snarkdown 只有 1kb 大小，且只有一种方法，使其成为速成项目的完美选择。
项目地址：【
https://github.com/developit/snarkdown】
13. Unfetch
Fetch API 是 XMLHttpRequest 接口的现代重制，它为开发人员提供了一种更好的处理异步请求的方法。虽然，它支持大多数现代浏览器，但是fetch()方法在 IE 中仍然不可用。
Unfetch 的出现便解决了fetch()方法在 IE 中不可用的问题，它提供了完整 fetch API 的子集，且 fetch polyfill 仅有 500 bytes。
项目地址：【
https://github.com/developit/unfetch】
14. Scrollanim
Scrollanim 是用于滚动动画的 Vanilla JavaScript 库。由于内置的 Animate.css 依赖关系，Scrollanim 提供了大量的自定义选项，单独的 HTML 和 JavaScript API 以及超过 50 种流畅的动画效果。
项目地址：【
http://scrollanim.kissui.io/】
15. Neurojs
Neurojs 是一款用于在浏览器中进行深度学习 JavaScript 框架，它具备可以通过加强学习训练的全栈神经网络。
例如，该项目就展示了一个很酷的 Demo，其中自驾车在 2D 环境中学习导航。
项目地址：【
https://github.com/janhuenermann/neurojs】
感谢你的阅读。