文档章节

3 月值得关注的 15 个 JavaScript 和 CSS 库

编辑部的故事
 编辑部的故事
发布于 2017/03/15 16:55
字数 998
阅读 5825
收藏 275

Tutorialzine 是一个教程资源网站,每月都会发布一些优秀资源,以让读者了解最新最酷的网络开发趋势,本月同样精心挑选了 15 个 JavaScript 和 CSS 供大家参考学习。

Propeller

Propeller 是一个基于 Bootstrap 和 Google’s Material Design 语言的 CSS 组件框架。它包含 25 个组件,响应敏捷,具有典型 Material Design 动画的特点。该项目可以作为 Bootstrap 主题下载,也可作为完整的框架或独立的组件下载。

BaguetteBox

baguetteBox.js 是一个简单简单、易用的 JavaScript lightbox库,它具有一下特点:

  • 纯 JavaScript 实现,无需依赖其他库

  • 支持触摸屏设备手势操作

  • 支持显示标题(说明)

  • 支持响应式图像

  • 支持CSS3过渡

  • 使用 SVG 按钮,没有多余的文件下载

  • 启用 gzip 压缩后仅 2KB

Whitestorm

Whitestorm 使用 Three.js 引擎开发 3D 网页应用和游戏,它为普通的 Three.js 任务提供封装,使搭建环境,创建对象,添加物件等操作更简单。官方提供了很好的项目教程,以及与 React 集成的工具。

Animatelo

Animatelo 是极度流行的 Animate.css 库的端口,它用 Web Animations API 克隆代替 CSS 转换。所有原始的 Animate.css 效果都被重建,但现在的 API 是基于 JavaScript 类而不是 CSS 类。该库轻量且不依赖 jQuery,但在旧版浏览器要求 polyfill。

FuseBox

FuseBox 是一个用于 JavaScript 和 CSS 的捆绑加载器,带有 TypeScript,Sass 等可选的附加组件。它以简洁与性能为主,为 webpack 提供替代方案。相关教程:Angular 2 + TypeScript, React + Babel, Vue.js, Electron 等。

Yargs

Yargs 框架通过使用 Node.js 构建功能全面的命令行应用,它能轻松配置命令,解析多个参数,并设置快捷方式等,还能自动生成帮助菜单。

WebGradients

WebGradients 含有多种漂亮的渐变色,可在任何 HTML 页面轻松应用。你可在项目网站快速预览可用的渐变色,还能一键复制 CSS 到你的项目中去。

Sticky-Kit

Sticky-kit 是一个 jQuery 插件,它允许你在页面附加元素,设置跟随滚动的侧边栏效果。

ScrollDir

ScrollDir 是一个超轻量无依赖的 JavaScript 库,用以检查滚动条的移动,并根据你的选择元素切换 上/下 数据属性。该项目能给你带来平滑的用户体验。

Svgo

用以优化 SVG 文件的 Node.js 工具,它将它们从非必要的信息中剥离出来,如,编辑器元数据,注释,隐藏元素等。SVGO 具有基于插件的架构,你可自由选择需要删除和保留的内容。

Store.js

Store.js 是一个跨浏览器的用于高级本地存储的解决方案,它实现了浏览器的本地存储的 JavaScript 封装 API,不是通过 Cookie 和 Flash 技术实现,而是使用 localStorage、globalStorage 和 userData 行为。

Snarkdown

Snarkdown 是一个用 JavaScript 编写的极简的 Markdown 解析器。它不是功能最全的,但可能是最容易实现的一款解析器。Snarkdown 只有 1Kb 大小,且只有一种方法,适合速成项目。

Unfetch

Fetch API 能让开发者更好地处理异步请求,它能在大多数浏览器上受支持,但 fetch() 方法在 IE 浏览器中仍不可用。

Scrollanim

Scrollanim 是使用 CSS3 + JavaScript 实现的用于创建滚动动画的库,应用到元素上后,当此元素出现在浏览器可视区域时便会执行对应的动画。Scrollanim 是 Kissui 的一部分,所以使用 Scrollanim 时需要用到 kissui.css。

Neurojs

用于在浏览器中进行深度学习 JavaScript 框架,可以通过强化学习进行全栈神经网络。演示:Demo app

编译自:Tutorialzine

责任编辑:开源中国 - 达尔文

转载必须在正文中标注并保留原文链接和作者等信息

© 著作权归作者所有

编辑部的故事

编辑部的故事

粉丝 1470
博文 264
码字总数 512489
作品 0
深圳
运营/编辑
私信 提问
加载中

评论(5)

G
Ggmatch

引用来自“丶Lion”的评论

某前端工程师已哭晕在厕所 , 上个月新出的还么学完呢 , 又来
哈哈
老大哥
老大哥
Nice
e
exdents
^_^
丶Lion
丶Lion
某前端工程师已哭晕在厕所 , 上个月新出的还么学完呢 , 又来
许雷神
许雷神
膜拜,都是神作呀!
2017 年 9 月:15 个有趣的 JS 和 CSS 库

迎来了金秋 9 月,在这收获的季节,Tutorialzine 又为我们带来了哪些新鲜、有趣的前端资源呢?前端开发者们,一起来看看有木有你需要的前端库。 1.DisplayJS DisplayJS 是一个帮助你渲染 DO...

IT程序狮
2017/09/20
0
0
2018 年 3 月 15 个有意思的 JavaScript 和 CSS 库

Tutorialzine 旨在让你了解最新最酷的 Web 发展趋势。这就是我们每个月为何都会发布一些我们偶然发现并认为值得你关注的优秀资源的原因。 BasicScroll 该库使你可以在你的设计中添加 parall...

oschina
2018/03/16
2.4K
2
RedMonk 2018年6月编程语言排行:Objective-C 升至第九

美国当地时间8月10日,RedMonk 宣布推出 2018 年 6 月(Q3 季度)RedMonk 编程语言排名,下面让我们看看这份姗姗来迟的编程语言报告带来了哪些消息。 开始之前,我们先来了解一下关于 RedMon...

局长
2018/08/13
5.6K
9
[译] 将第三方动画库集成到项目中 — 第 1 部分

原文地址:Integrating Third-Party Animation Libraries to a Project - Part 1 原文作者:Travis Almand 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:TUARAN 校...

掘金翻译计划
06/14
0
0
Hikic.js 史上最大 1.2 版本更新,插件支持助力更多功能

Hikic.js 是一款类似 jQuery 但是又优于 jQuery 的高性能 JavaScript 库。 在 3 月 15 号时,Hikic.js 经过了许多时间之后,迎来 Hikic 史上最大的一次 1.2 版本更新,下面就来看看 Hikic 更...

Skyogo
2018/03/16
2.1K
12

没有更多内容

加载失败,请刷新页面

加载更多

家庭作业——苗钰婷

2 编写一个程序,发出一声警报,然后打印下面的文本: Startled by the sudden sound, Sally shouted, "By the Great Pumpkin, what was that! #include<stdio.h>int main(){......

OSC_Okruuv
27分钟前
5
0
经典系统设计面试题解析:如何设计TinyURL(一)

原文链接: https://www.educative.io/courses/grokking-the-system-design-interview/m2ygV4E81AR 编者注:本文以一道经典的系统设计面试题:《如何设计TinyURL》的参考答案和解析为例,帮助...

APEMESH
28分钟前
3
0
2.面向对象设计原则(7条)

开闭原则 开闭原则的含义是:当应用的需求改变时,在不修改软件实体的源代码或者二进制代码的前提下,可以扩展模块的功能,使其满足新的需求。 实现方法 可以通过“抽象约束、封装变化”来实...

Eappo_Geng
30分钟前
7
0
8086汇编基础 debug P命令 一步完成loop循环

    IDE : Masm for Windows 集成实验环境 2015     OS : Windows 10 x64 typesetting : Markdown    blog : my.oschina.net/zhichengjiu    gitee : gitee.com/zhichengjiu   ......

志成就
34分钟前
5
0
使用nodeJS实现前端项目自动化之项目构建和文件合并

本文转载于:专业的前端网站➜使用nodeJS实现前端项目自动化之项目构建和文件合并 前面的话   一般地,我们使用构建工具来完成项目的自动化操作。本文主要介绍如何使用nodeJS来实现简单的项...

前端老手
48分钟前
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部