设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 开源资讯 查看内容

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

2017-3-16 21:20| 发布者: joejoe0332| 查看: 5632| 评论: 0|原作者: 达尔文|来自: oschina

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

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


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部