2017 年 3 月:15 个有趣的 JS 和 CSS 库

2017 年 3 月:15 个有趣的 JS 和 CSS 库

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


  1. Propeller
    --
Propeller

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

项目地址:【传送门

  1. BaguetteBox
    --
BaguetteBox

BaguetteBox 是一个利用纯 JavaScript 编写的库,它可用于创建响应式灯箱画廊效果。它是轻量级的,可自定义设置,并支持移动端,同时它还自带了相应的 CSS3 过渡。

我们最近利用这个库制作了 4 个免费的 Bootstrap Gallery 模板包,我想我们已经喜欢上它了。

项目地址:【传送门

  1. Whitestorm
    --
Whitestorm

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

项目地址:【传送门

  1. Animatelo
    --
Animatelo

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

项目地址:【传送门

  1. FuseBox
    --
FuseBox

FuseBox 是一个用于 JavaScript 和 CSS 的打包程序,并具备用于 TypeScript,Sass 等的附加组件。它的设计理念是简单与性能,也为 Webpack 提供了可行的替代解决方案。

为了让你快速开始,官方提供了 Angular 2 + TypeScriptReact + BabelVue.jsElectron 和其他版本的快速示例教程。

项目地址:【传送门

  1. Yargs
    --
Yargs

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

项目地址:【传送门

  1. WebGradients
    --
WebGradients

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

项目地址:【传送门

  1. Sticky-Kit
    --
Sticky-Kit

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

项目地址:【传送门

  1. ScrollDir
    --
ScrollDir

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

项目地址:【传送门

  1. Svgo
    --
Svgo

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

项目地址:【传送门

  1. Store.js
    --
Store.js

Store.js 是用于本地存储的跨浏览器解决方案。近期,它的 2.0 版本也已发布,在更新了许多功能的同时,增加了一些额外的功能,例如数组/对象操作以及改进了过期选项。

在上一期的每月 Web 开发资源列表中,我们为大家分享了一个名为 localForage 的库。它提供了许多与 Store.js 类似的功能,但是具有更多的 localStorage 类语法。喜欢的话,不妨来看看。

项目地址:【传送门

  1. Snarkdown
    --
Snarkdown

Snarkdown 是一个使用 JavaScript 编写的超简单的 Markdown 解析器。诚然,它不是最复杂或功能最全的解析器,但它可能是最容易实现的。

Snarkdown 只有 1kb 大小,且只有一种方法,使其成为速成项目的完美选择。

项目地址:【传送门

  1. Unfetch
    --
Unfetch

Fetch API 是 XMLHttpRequest 接口的现代重制,它为开发人员提供了一种更好的处理异步请求的方法。虽然,它支持大多数现代浏览器,但是fetch()方法在 IE 中仍然不可用。

Unfetch 的出现便解决了fetch()方法在 IE 中不可用的问题,它提供了完整 fetch API 的子集,且 fetch polyfill 仅有 500 bytes。

项目地址:【传送门

  1. Scrollanim
    --
Scrollanim

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

项目地址:【传送门

  1. Neurojs
    --
Neurojs

Neurojs 是一款用于在浏览器中进行深度学习 JavaScript 框架,它具备可以通过加强学习训练的全栈神经网络。

例如,该项目就展示了一个很酷的 Demo,其中自动驾驶汽车在 2D 环境中学习导航。

项目地址:【传送门


感谢你的阅读。

注:

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容