Tutorialzine 旨在让你了解最新最酷的 Web 发展趋势。这就是我们每个月为何都会发布一些我们偶然发现并认为值得你关注的优秀资源的原因。

BasicScroll

https://github.com/electerious/basicScroll

该库使你可以在你的设计中添加 parallax 滚动动画效果。你可以直接在你的 CSS 中使用变量和属性,或者使用 JS 来获得更好的动画效果。它运行非常流畅,独立于框架,在桌面和移动设备上非常出色,并且支持触屏输入。

Proton Native

https://github.com/kusti8/proton-native

Proton native 允许你为所有平台创建原生桌面应用程序。它具有与 React Native 相同的语法,支持 Redux 等现有的 React 库,并与大多数 Node.js 包兼容。它适用于原生组件,并不再需要 electron 。

Normalize.css

https://github.com/necolas/normalize.css

Normalize.css 是一个全新的浏览器样式重置库。它使得 HTML 元素样式在不同的浏览器上保持统一,同时也极大程度地减少了不同浏览器之间的冲突,提供了更高的可用性。

Fork Awesome

https://github.com/ForkAwesome/Fork-Awesome

这是一个拥有超过 600 个可缩放的矢量图形的图标库。这些图标非常易于自定义,比如更换颜色、大小、阴影等,同时兼容所有框架。这个库非常容易上手,不需要用户拥有 Javascript 语言知识,最重要的是它们在 Retina 屏幕中的显示效果令人惊艳。

Filepond

https://github.com/pqina/filepond

Filepond 是一个用于上传文件的小型 Javascript 库。它提供了许多不同的上传方式:你可以使用拖拽、拷贝粘贴,浏览本地文件系统的方式,甚至只是使用它提供的 API 方式来上传文件。

这个库内置了图形优化和图形自动缩放功能,Gzip 压缩后只有 21 KB。

Headless Chrome Crawler

https://github.com/yujiosaka/headless-chrome-crawler

这是一个基于 HeadlessChorme 的网络爬虫(译者注:Headless Chrome 是 Chrome 浏览器的无界面形态,可以在不打开浏览器的前提下,使用所有 Chrome 支持的特性运行你的程序。)。

它的提供了非常简单易用的 API ,会让你更加轻松地设置并发、重试、延时方法。它提供了深度优先和广度优先两种爬取算法,同时支持类似于 Redis 的可插拔的缓存机制,并支持 CSV 和 Json 格式的导出。

Pressure.js

https://github.com/stuyam/pressure

这是一个可用于压感触控、3D touch 和点触控的库。它提供了简单易用而且兼容绝大多数浏览器的 API 和一个内置的可用于识别压力轻重的工具。同时它也支持多点触控。

Loaders.css

https://github.com/ConnorAtherton/loaders.css

这是一个非常有意思的纯 css 实现的 loading 动画库。它非常简单实用而且很容易实现自定义。这个库提供了变形、旋转、淡入等等动画效果。这些动画效果能运行在所有的的现代浏览器上(包括 IE9 以上的 IE 浏览器)。

React Slider Kit

https://github.com/M-Izadmehr/react-slider-kit

你可以使用 React slider kit 在你的 react 应用中创建滚动元素。它提供了不同类型的滑动组件比如 1D、2D 滚动,单个、多个滚动,水平和垂直滚动等。你可以设置滚动元素的最小、最大值,设置滚动元素的开始停止点等等。

NativeScript

https://github.com/NativeScript/NativeScript

这是一个使用 Javascript 和 CSS 创建 IOS 和 Android 应用的开源框架。你只需要使用写好 Javascript 代码就可以使用框架自适应地运行在所有的 IOS 和 Android 设备上。

框架非常易于扩展,你可以使用 npm、CocoaPods 和 Gradle 获取数以百计的插件。

Polacode

https://github.com/octref/polacode

Polacode 是一个 VisualStudio Code 扩展插件,你可以用一些非常漂亮的视觉效果来对你的代码进行截图。它隐藏了编辑器的 UI ,并在屏幕截图中添加了阴影、填充和圆角。

Scratches

https://github.com/0x00A/scratches

Scratches 是一个简单的 Javascript 和 Node.js 文本编辑器,可以在你键入时评估你的代码。它基于 Electron 构建,拥有纯净的白色和黑色主题,以及可以看到代码输出的预览窗口。

Prompts

https://github.com/terkelg/prompts

Prompts 是一套能简单创建漂亮命令行的应用和工具集。它是独立的且轻量级的,没有额外的依赖。这个库能很好地处理 async/await 情况下的专有环境。

List

https://github.com/funkia/list

这个库提供了一个快速的函数替代数组。它是不可变的,这使它成为那些正在尝试函数式编程的人的最佳选择。List 是在 TypeScript 中编写的,并实现了所有 JavaScript 数组方法,还有其他一些额外的方法。

Nerv

https://github.com/NervJS/nerv

Nerv 是快速的,基于虚拟 dom 的 JavaScript 库,可以作为 React 的替代品。它是轻量级的,与 IE8 和 React 16 兼容,并在客户端和服务器端提供同构渲染。它支持许多 React 16 的特性,如 Error Boundaries、Portals 等。

3 月 15 个有意思的 JavaScript 和 CSS 库的更多相关文章

  1. 2018 年 -- 15 个有意思的 JavaScript 和 CSS 库

    在Tutorialzine上你可以了解最新最酷的Web发展趋势.这就是为什么每个月都会发布一些偶然发现并认为值得你关注的最佳资源的缘由. Direction Reveal (方向展示) 该插件检测光标 ...

  2. 15 个有趣的 JavaScript 与 CSS 库

    原文转载:http://www.codeceo.com/article/15-interesting-js-css-framework.html 1. Wing Wing 是一个微型(压缩后仅有4KB ...

  3. 20款有用的JavaScript和CSS库

    Web开发与设计已经发展达到了新的高峰.创建一个网站并不是那么简单了,因为它使用的是几年前.今天是时间创造有吸引力的网站,不仅吸引了游客的关注也让他们订婚.另外,和功能的有吸引力的功能添加到该网站不应 ...

  4. 10个有趣的Javascript和CSS库

    Tailwind CSS Tailwind是用于构建自定义用户界面的实用CSS框架. 每个Tailwind小应用都有多种尺寸,这使得创建响应式界面变得非常简单. 您可以自定义颜色,边框尺寸,字体,阴影 ...

  5. 10个有趣的javascript和css库(2019年5月最新)

    我们的使命是让您了解最新和最酷的Web开发趋势.这就是为什么我们每个月都会发布一些精选的资源,这些资源是我们偶然发现并认为值得您关注的. 1.Tessaract.js 强大的javascript(节点 ...

  6. 15 个有趣的 JS 和 CSS 库

    开发者们,一起来看看有木有你需要的前端库. 1. DisplayJS DisplayJS 是一个帮助你渲染 DOM 的简易框架.使用它,你可以更容易地将 JS 变量遍历到特定的 HTML 元素中,类似 ...

  7. 9月15日,YTFCloud,创业圈的技术新宠

    成都创业圈近期什么最热? 资本复苏?这本来就是高低起伏规律而已,再说动辄千万的大手笔,对于创业新人.新团队来说太遥远,早期根本无法变现,而资金紧张.项目开发费用超标.没有技术大牛保障等尖锐现实问题能否 ...

  8. 2016年12月15日 星期四 --出埃及记 Exodus 21:10

    2016年12月15日 星期四 --出埃及记 Exodus 21:10 If he marries another woman, he must not deprive the first one o ...

  9. 2016年11月15日 星期二 --出埃及记 Exodus 20:6

    2016年11月15日 星期二 --出埃及记 Exodus 20:6 but showing love to a thousand of those who love me and keep my c ...

随机推荐

  1. maven,gradle本地缓存位置

    gradle: 配置系统环境变量GRADLE_USER_HOME即可,值为缓存位置. maven: 修改settings文件:maven的home路径下的conf文件夹下的settings.xml 对 ...

  2. iOS与JS相互传值与交互

    JavaScriptCore是webkit的一个重要组成部分,主要是对JS进行解析和提供执行环境.iOS7后苹果在iPhone平台推出,极大的方便了我们对js的操作.我们可以脱离webview直接运行 ...

  3. dev gridview columns代码管理

    进入run designer界面.我们将在代码中设置columns的属性. 类: ViewTriAtt : DevExpress.XtraEditors.XtraUserControl 在类里面设置g ...

  4. NOIP模拟赛 水灾

    大雨应经下了几天雨,却还是没有停的样子.土豪CCY刚从外地赚完1e元回来,知道不久除了自己别墅,其他的地方都将会被洪水淹没. CCY所在的城市可以用一个N*M(N,M<=50)的地图表示,地图上 ...

  5. jenkins 全局工具配置

  6. Java-JFrame开发汇总整理

    Java-JFrame开发汇总整理 在CS框架下,可以通过java代码开发JFrame弹窗体的功能,即类似于QQ登录等安装在计算机中的程序,通过java开发CS中C即客户端的一般用到的知识点如下: 一 ...

  7. idea 启动不了

    idea 更新了新版本.  破解步骤安排完了之后 ,  发现怎么也启动不了.  没有任何提示. 于是为了查看错误信息去idea的安装目录bin下用idea.bat脚本启动发现了如下错误: 在idea6 ...

  8. 【android】6大布局

    线性布局 相对布局 绝对布局 网格布局 表格布局 帧布局

  9. leepcode作业解析-5-21

    25.Nim游戏 你和你的朋友,两个人一起玩 Nim 游戏:桌子上有一堆石头,每次你们轮流拿掉 1 - 3 块石头. 拿掉最后一块石头的人就是获胜者.你作为先手. 你们是聪明人,每一步都是最优解. 编 ...

  10. 【Hadoop/Hive/mapreduce】系列之使用union all 命令之后如何对hive表格使用python进行去重

    业务场景大概是这样的,这里由两个hive表格,tableA 和 tableB, 格式内容都是这样的: uid cate1 cate2 在hive QL中,我们知道union有着自动去重的功能,但是那是 ...