3 月 15 个有意思的 JavaScript 和 CSS 库
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 库的更多相关文章
- 2018 年 -- 15 个有意思的 JavaScript 和 CSS 库
在Tutorialzine上你可以了解最新最酷的Web发展趋势.这就是为什么每个月都会发布一些偶然发现并认为值得你关注的最佳资源的缘由. Direction Reveal (方向展示) 该插件检测光标 ...
- 15 个有趣的 JavaScript 与 CSS 库
原文转载:http://www.codeceo.com/article/15-interesting-js-css-framework.html 1. Wing Wing 是一个微型(压缩后仅有4KB ...
- 20款有用的JavaScript和CSS库
Web开发与设计已经发展达到了新的高峰.创建一个网站并不是那么简单了,因为它使用的是几年前.今天是时间创造有吸引力的网站,不仅吸引了游客的关注也让他们订婚.另外,和功能的有吸引力的功能添加到该网站不应 ...
- 10个有趣的Javascript和CSS库
Tailwind CSS Tailwind是用于构建自定义用户界面的实用CSS框架. 每个Tailwind小应用都有多种尺寸,这使得创建响应式界面变得非常简单. 您可以自定义颜色,边框尺寸,字体,阴影 ...
- 10个有趣的javascript和css库(2019年5月最新)
我们的使命是让您了解最新和最酷的Web开发趋势.这就是为什么我们每个月都会发布一些精选的资源,这些资源是我们偶然发现并认为值得您关注的. 1.Tessaract.js 强大的javascript(节点 ...
- 15 个有趣的 JS 和 CSS 库
开发者们,一起来看看有木有你需要的前端库. 1. DisplayJS DisplayJS 是一个帮助你渲染 DOM 的简易框架.使用它,你可以更容易地将 JS 变量遍历到特定的 HTML 元素中,类似 ...
- 9月15日,YTFCloud,创业圈的技术新宠
成都创业圈近期什么最热? 资本复苏?这本来就是高低起伏规律而已,再说动辄千万的大手笔,对于创业新人.新团队来说太遥远,早期根本无法变现,而资金紧张.项目开发费用超标.没有技术大牛保障等尖锐现实问题能否 ...
- 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 ...
- 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 ...
随机推荐
- 03_6_package和import语句
03_6_package和import语句 1. package和import语句 为便于管理大型软件系统中数目众多的类,解决类的命名冲突问题,Java引入包(package)机制,提供类的多重命名空 ...
- Linux常用命令-----------------磁盘挂载命令
磁盘挂载: [root@sdw1 ~]# mkfs.ext4 /dev/vdb[root@sdw1 ~]# blkid /dev/vdb >> /etc/fstabvi /etc/fsta ...
- CNCF 有哪些具体的项目内容?
前言:CNCF(Cloud Native Computing Foundation)于 2015 年 7 月成立,隶属于 Linux 基金会,初衷围绕“云原生”服务云计算,致力于维护和集成开源技术,支 ...
- 【Python项目实战】Pandas:让你像写SQL一样做数据分析(一)
1. 引言 Pandas是一个开源的Python数据分析库.Pandas把结构化数据分为了三类: Series,1维序列,可视作为没有column名的.只有一个column的DataFrame: Da ...
- Node项目实战-静态资源服务器
打开github,在github上创建新项目: Repository name: anydoor Descripotion: Tiny NodeJS Static Web server 选择:publ ...
- 一键生成属于自己的QQ历史报告,看看你对自己的QQ了解程度有多深?
目录 一键生成属于自己的QQ历史报告,看看你对自己的QQ了解程度有多深? 简介 功能截图 如何运行 编写思路 main.py模块 qq_bot模块 tkinter_gui模块 static_data模 ...
- Python简单试题2
1,给定一组数据,将奇数进行从小到大排序,偶数在原位置不变 例: 原数据:[5, 3, 2, 8, 1, 4] 排序后:[5, 3, 2, 8, 1, 4] 若数组为空,则返回空数组. 代码如下: ...
- python里字典的用法介绍
一.什么是字典 字典是python里的一种数据类型,特点是元素的无序性,和键key的唯一性.字典的创建方法是{key:values},字典里的键key只能是不可变的数据类型(整型,字符串或者是元组), ...
- POJ:1753-Flip Game(二进制+bfs)
题目链接:http://poj.org/problem?id=1753 Flip Game Time Limit: 1000MS Memory Limit: 65536K Description Fl ...
- PAT Basic 1080
1080 MOOC期终成绩 对于在中国大学MOOC(http://www.icourse163.org/ )学习“数据结构”课程的学生,想要获得一张合格证书,必须首先获得不少于200分的在线编程作业分 ...