资讯频道 → 移动开发
阅读更多

0顶
0踩

移动开发

转载新闻 15 个有意思的 JavaScript 和 CSS 库

2018-03-28 11:31 by 副主编 jihong10102006 评论(0) 有14707人浏览
javascript css

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

BasicScroll

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

Proton Native

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

Normalize.css

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

Fork Awesome

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

Filepond

Filepond 是一个用于上传文件的小型 Javascript 库。它提供了许多不同的上传方式：你可以使用拖拽、拷贝粘贴，浏览本地文件系统的方式，甚至只是使用它提供的 API 方式来上传文件。这个库内置了图形优化和图形自动缩放功能，Gzip 压缩后只有 21 KB。

Headless Chrome Crawler

这是一个基于 HeadlessChorme 的网络爬虫（译者注：Headless Chrome 是 Chrome 浏览器的无界面形态，可以在不打开浏览器的前提下，使用所有 Chrome 支持的特性运行你的程序。）。它的提供了非常简单易用的 API ，会让你更加轻松地设置并发、重试、延时方法。它提供了深度优先和广度优先两种爬取算法，同时支持类似于 Redis 的可插拔的缓存机制，并支持 CSV 和 Json 格式的导出。

Pressure.js

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

Loaders.css

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

React Slider Kit

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

[img]NativeScript[/img]


这是一个使用 Javascript 和 CSS 创建 IOS 和 Android 应用的开源框架。你只需要使用写好 Javascript 代码就可以使用框架自适应地运行在所有的 IOS 和 Android 设备上。框架非常易于扩展，你可以使用 npm、CocoaPods 和 Gradle 获取数以百计的插件。

Polacode

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

Scratches

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

Prompts

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

List

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



Nerv 是快速的，基于虚拟 dom 的 JavaScript 库，可以作为 React 的替代品。它是轻量级的，与 IE8 和 React 16 兼容，并在客户端和服务器端提供同构渲染。它支持许多 React 16 的特性，如 Error Boundaries、Portals 等。
  • 大小: 82.7 KB
  • 大小: 56.4 KB
  • 大小: 56.6 KB
  • 大小: 50.7 KB
  • 大小: 273.9 KB
  • 大小: 18.8 KB
  • 大小: 34 KB
  • 大小: 20 KB
  • 大小: 15 KB
  • 大小: 32.7 KB
  • 大小: 27.1 KB
  • 大小: 79.5 KB
  • 大小: 30 KB
  • 大小: 43 KB
  • 大小: 56.2 KB
  • 大小: 8.4 KB
来自: oschina
0
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 3 月 15 个有意思的 JavaScript 和 CSS 库

    （点击上方公众号，可快速关注）英文：Georgi Georgiev 译文：oschinawww.oschina.net/translate/15-interesting-javascript-and-css-libraries-for-march-2018Tutorialzine 旨在让你了解最新最酷的 Web 发展趋势。...

  • 2018 年 3 月 15 个有意思的 JavaScript 和 CSS 库

    Tutorialzine 旨在让你了解最新最酷的 Web 发展趋势。这就是我们每个月为何都会发布一些我们偶然发现并认为值得你关注的优秀资源的原因。 BasicScroll ...你可以直接在你的 CSS 中使用变量和属性，或...

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

    这就是为什么每个月都会发布一些偶然发现并认为值得你关注的最佳资源的缘由。 Direction Reveal（方向展示） 该插件检测光标进入或离开块时的方向，允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS...

  • 2018 年 2 月 15 个有意思的 JavaScript 和 CSS 库

    这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。Direction Reveal （方向展示）该插件检测光标进入或离开块时的方向，允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的...

  • 15 个有意思的 JavaScript 和 CSS 库推荐！ 你用过几个？

    https://blog.csdn.net/j2IaYU7Y/article/details/79650512

  • buttons css手册,一个有意思的CSS样式库--BUTTONS

    我最近发现了一个有意思的CSS样式库，和Bootstrap相似，但是它是专门的一个高度可定制的，免费的并且开源的按钮CSS样式库，这里附上它的网址：http://www.bootcss.com/p/buttons/接下来介绍怎么使用这个CSS样式库，...

  • 为什么 CSS 动画比 JavaScript 高效？

    这篇文章将欢快的带你了解一下 CSS 和 JS 动画的差别 愿你忠于自己，热爱生活 引言 讲到动画，当然是非常有意思的啦，你可以往上滑一下，看看上面的封面图，是不是相当的炫酷，以为我是代码写出来的吗？ 那当然不...

  • 推荐15个有趣的JS和CSS库

    本文精心挑选了一些优秀的Web开发资源。如： Propeller：为基于 Bootstrap 与谷歌的 ...BaguetteBox：是一个利用纯 JavaScript 编写的库，它可用于创建响应式灯箱画廊效果。 Whitestorm：是基于 Three.js 引擎用...

  • 27 个 CSS 案例演示和 DEMO

    大家好，我是 漫步，在写CSS一些案例时，我们经常会遇到熟悉的场景，如果能够直接套用DEMO，那样子就会快很多了，来看看下文。本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其...

  • 为什么 CSS 动画比 JavaScript 实现动画更高效？

    讲到动画，当然是非常有意思的啦，你可以往上滑一下，看看上面的封面图，是不是相当的炫酷，以为我是代码写出来的吗？ 那当然不可能啊，我这么摸鱼，怎么会为了个封面图上号呢 废话不多说，其实上面的动图用代码...

  • 几个非常有意思的javascript知识点总结

    作为一名前端爱好者, 笔者利用空余时间研究了几个国外网站的源码,发现不管是库,还是业务代码,都会用到了一些比较有意思的API,虽然平时在工作中部分接触过,但是经过这次的研究,觉得很有必要...

  • 重构JavaScript实现百叶窗手风琴（纯css版和JavaScript版）

    如果你仔细看过我写的注释，里面有个对初学者来讲很有意思事，是由于不完整的循环判断造成的；css实现的功能有限，改天吧，css的版也重构下。

  • html+css+javascript搭建个人博客

    html+css+javascript搭建属于自己的个人博客

  • 【前端客栈】基于HTML、CSS、JavaScript的羊了个羊静态仿写页面小游戏

    【前端客栈】基于HTML+CSS+JS的"羊了个羊"仿写页面——果了个果；

  • 大学物理册答案上下都有

    大学物理册答案上下都有

  • UWB超宽带信道研究及源码.zip

    1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

  • Suno AI语音技术的资源描述

    Suno AI 是一家领先的人工智能（AI）公司，专注于开发创新的语音技术和解决方案。以下是关于 Suno AI 的资源描述： 语音识别技术：Suno AI 拥有先进的语音识别技术，能够准确地将语音转换为文本。他们的语音识别系统经过了大量的训练和优化，具有高度的准确性和鲁棒性，可应用于多种场景，如语音助手、语音搜索、智能客服等。 语音合成技术：除了语音识别，Suno AI 还致力于开发自然、流畅的语音合成技术。他们的语音合成系统能够生成高质量、逼真的语音输出，可以用于语音助手、自动化客服、有声书等领域。 智能语音应用开发：Suno AI 提供了一系列工具和平台，帮助开发者快速构建和部署智能语音应用。他们的开发工具包括 API 接口、SDK、开发文档等，支持多种编程语言和平台，让开发者可以轻松地集成语音功能到自己的应用中。 行业解决方案：Suno AI 为各行各业提供定制化的语音解决方案，满足客户特定的需求和业务场景。他们与零售、金融、医疗等领域的企业合作，提供智能语音客服、语音导航、语音支付等解决方案，帮助客户提升服务质量和效率。

  • 基于matlab的射线信道模型内含数据集.zip

    基于matlab的射线信道模型内含数据集.zip

  • 基于Lidar数据的概率占位栅格图(Occupancy Grid Map)+Python代码实现.pdf

    基于Lidar数据的概率占位栅格图(Occupancy+Grid+Map)+Python代码实现.pdf

  • autosar多核操作系统的监控和优化python代码.zip

    1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

Global site tag (gtag.js) - Google Analytics