2017 年 3 月:15 个有趣的 JS 和 CSS 库 – 知乎专栏

我们创办 Tutorialzine 的使命是让你及时的了解 Web 开发中最新、最酷的趋势。所以,每个月我们都会发布一些精心挑选的优秀 Web 开发资源,同时我们也相信,它们值得你的关注。

1. Propeller

Propeller 是基于 Bootstrap 与谷歌的 Material Design 的 CSS 组件框架。它包含了 25 个响应式组件,同时具备典型的 Material Design 动画。你可以将它作为 Bootstrap 的主题,或者完整的框架以及独立组件进行使用。

项目地址:【传送门

2. BaguetteBox

BaguetteBox 是一个利用纯 JavaScript 编写的库,它可用于创建响应式灯箱画廊效果。它是轻量级的,可自定义设置,并支持移动端,同时它还自带了相应的 CSS3 过渡。
我们最近利用这个库制作了 4 个免费的 Bootstrap Gallery 模板包,我想我们已经喜欢上它了。

项目地址:【传送门

3. Whitestorm

Whitestorm 是基于 Three.js 引擎用来开发 3D Web APPS 和游戏的框架。它为许多常见的 Three.js 任务提供了简单的封装,使搭建环境、创建对象、添加物件等操作更加的简单。官方也提供了示例项目,以及与 React 集成的工具,便于你迅速的开始工作。

项目地址:【传送门

4. Animatelo

Animatelo 是流行的 Animate.css 库的接口,它利用 Web Animation API 替代了 CSS 过渡,并将 Animate.css 库中的所有效果重现了出来。但它的 API 是基于 Javascript 方法的,而不是 CSS 类。同时,它也是轻量级的库,不依赖 jQuery,但在一些老版本的浏览器上或许要使用 polyfill。

项目地址:【传送门

5. FuseBox

FuseBox 是一个用于 JavaScript 和 CSS 的打包程序,并具备用于 TypeScript,Sass 等的附加组件。它的设计理念是简单与性能,也为 Webpack 提供了可行的替代解决方案。
为了让你快速开始,官方提供了 Angular 2 + TypeScriptReact + BabelVue.jsElectron 和其他版本的快速示例教程。

项目地址:【传送门

6. Yargs

Yargs 是使用 Node.js 构建功能齐全的命令行应用程序的框架。你可以轻松的配置命令、解析多个参数以及设置快捷操作方式。甚至,它还可以自动生成帮助菜单。

项目地址:【传送门

7. WebGradients

WebGradients 收集了一系列漂亮的色彩渐变,你可以将它们轻松的应用在任何 HTML 页面上。你可以通过快速预览,或是全屏查看可用的渐变色,然后仅需要一键复制 CSS 属性,即可将它们应用到你的项目中去。

项目地址:【传送门

8. Sticky-Kit

Sticky-kit 是一个 jQuery 插件,它可以将元素附加到页面上的某个区域,并使元素保持其边界。这样随着页面的滚动,在父容器中的特定元素将会保持始终可见。

项目地址:【传送门

9. ScrollDir

ScrollDir 是一款超轻量的,不依赖 JavaScript 的库,用于监测 CSS 中的滚动方向。它可以察看滚动条的移动方向,并根据你选择的元素来切换上/下方向的数据属性。同时,它忽略了小的滚动动作,力求创造一个平稳的体验。

项目地址:【传送门

10. Svgo

这是一个用于优化 SVG 文件的 Node.js 工具,它可以删除那些无用的 SVG 信息,例如编辑器元信息、注释、隐藏元素以及不影响渲染向量的其他属性。同时,它基于插件模式构建,所以你可以自由的选择想要删除的内容。

项目地址:【传送门

11. Store.js

Store.js 是用于本地存储的跨浏览器解决方案。近期,它的 2.0 版本也已发布,在更新了许多功能的同时,增加了一些额外的功能,例如数组/对象操作以及改进了过期选项。在上一期的每月 Web 开发资源列表中,我们为大家分享了一个名为 localForage 的库。它提供了许多与 Store.js 类似的功能,但是具有更多的 localStorage 类语法。喜欢的话,不妨来看看。

项目地址:【传送门

12. Snarkdown

Snarkdown 是一个使用 JavaScript 编写的超简单的 Markdown 解析器。诚然,它不是最复杂或功能最全的解析器,但它可能是最容易实现的。Snarkdown 只有 1kb 大小,且只有一种方法,使其成为速成项目的完美选择。

项目地址:【传送门

13. Unfetch

Fetch API 是 XMLHttpRequest 接口的现代重制,它为开发人员提供了一种更好的处理异步请求的方法。虽然,它支持大多数现代浏览器,但是 fetch() 方法在 IE 中仍然不可用。Unfetch 的出现便解决了 fetch() 方法在 IE 中不可用的问题,它提供了完整 fetch API 的子集,且 fetch polyfill 仅有 500 bytes。

项目地址:【传送门

14. Scrollanim

Scrollanim 是用于滚动动画的 Vanilla JavaScript 库。由于内置的 Animate.css 依赖关系,Scrollanim 提供了大量的自定义选项,单独的 HTML 和 JavaScript API 以及超过 50 种流畅的动画效果。

项目地址:【传送门

15. Neurojs

Neurojs 是一款用于在浏览器中进行深度学习 JavaScript 框架,它具备可以通过加强学习训练的全栈神经网络。例如,该项目就展示了一个很酷的 Demo,其中自动驾驶汽车在 2D 环境中学习导航。

项目地址:【传送门

感谢你的阅读。

注:

  1. 本文版权归原作者所有,仅用于学习与交流。
  2. 如需转载译文,烦请按下方注明出处信息,谢谢!

英文原文:15 Interesting JavaScript and CSS Libraries for March 2017
作者:Danny Markov
译者:IT程序狮
译文地址:jianshu.com/p/879be1dcb

来源: 2017 年 3 月:15 个有趣的 JS 和 CSS 库 – 知乎专栏

未经允许不得转载:前端头条 » 2017 年 3 月:15 个有趣的 JS 和 CSS 库 – 知乎专栏
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们