进入我的博客

这里有您在其他地方看不到的web前端方面的技术、知识及资源

这里有您在其他地方看不到的web前端方面的技术、知识及资源

张鑫旭-鑫空间-鑫生活

it's my whole life!

备份内容浏览

« 查看全部推荐内容

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

by 编辑部的故事

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

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

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

PS: 备份内容仅显示纯文字。

抱歉,服务器忙,未能成功提交,稍后重试。