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

0顶
0踩

移动开发

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

2018-03-28 11:31 by 副主编 jihong10102006 评论(0) 有14737人浏览
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的"羊了个羊"仿写页面——果了个果；

  • python源码基于mediapipe设计实现人体姿态识别动态时间规整算法DTW和LSTM（长短期记忆循环神经网络.rar

    本项目基于Python源码，结合MediaPipe框架，实现了人体姿态识别功能，并进一步采用动态时间规整算法（DTW）和长短期记忆循环神经网络（LSTM）对人体动作进行识别。项目涵盖了从姿态估计到动作识别的完整流程，为计算机视觉和机器学习领域的研究与实践提供了有价值的参考。 MediaPipe是一个开源的多媒体处理框架，适用于视频、音频和图像等多种媒体数据的处理。在项目中，我们利用其强大的姿态估计模型，提取出人体的关节点信息，为后续的动作识别打下基础。DTW作为一种经典的模式匹配算法，能够有效地处理时间序列数据之间的差异，而LSTM则擅长捕捉长时间序列中的依赖关系。这两种算法的结合，使得项目在人体动作识别上取得了良好的效果。 经过运行测试，项目各项功能均表现稳定，可放心下载使用。对于计算机相关专业的学生、老师或企业员工而言，该项目不仅是一个高分资源，更是一个难得的实战演练平台。无论是作为毕业设计、课程设计，还是项目初期的立项演示，本项目都能为您提供有力的支持。

  • web期末大作业-电影动漫的源码案例.rar

    本学期末，我们为您呈现一份精心准备的电影动漫源码案例，它不仅是课程设计的优秀资源，更是您实践技能的有力提升工具。经过严格的运行测试，我们确保该案例能够完美兼容各种主流开发环境，让您无需担心兼容性问题，从而更加专注于代码的学习与优化。 这份案例资源覆盖了前端设计、后端逻辑处理、数据库管理等多个关键环节，旨在为您提供一个全面而深入的学习体验。无论您是计算机专业的在校学生，还是对编程充满热情的爱好者，亦或是希望提升技能的企业员工，这份案例都将为您提供宝贵的实战经验。 此外，我们还特别准备了详细的使用指南和在线支持，确保您在学习和使用的过程中能够得到及时有效的帮助。您可以放心下载和使用这份资源，让它成为您学习道路上的得力助手。让我们携手共进，通过实践探索编程的无限可能！

  • java图书管理系统毕业设计(源代码+lw).zip

    本设计是为图书馆集成管理系统设计一个界面，图书馆集成管理系统是用MICROSOFT VISUAL Foxpro 6.0 来建库（因特殊原因该用　MICROSOFT　Access来建库）。它包括： 中文图书数据库； 西文图书数据库； 发行商数据库； 出版商数据库； 读者数据库； 中文期刊数据库； 西文期刊数据库； 中文非印刷资料库； 西文非印刷资料库； 典藏库； 流通库； 预约库； 流通日志库；

  • 项目实战+C#+在线考试系统+毕业项目

    该系统主要以在线模拟考试使用为出发点，以提高学生的学习效率和方便学生随时随地检测学习成果为目的,主要采用了DreamweaverMX、FireworksMX、FrontPage软件进行设计、使用ASP开发语言进行编程，所选用的数据库是微软公司开发的Access数据库。 ASP是通过一组统称为ADO的对象模块来访问数据库，ASP提供的ADO对象模块包含6个对象和3个集合，常用的有Connection、 Record set 、Command 、field等对象。 ASP是一种服务器端的指令环境，用来建立并执行请求的交互式WEB服务器端运行的应用程序， ASP程序只能在WEB服务器端执行，当浏览器向服务器要求运行ASP程序时，服务器会读取该程序，然后执行该程序并将结果转换为HTML文件 ，再将HTML文件传送给浏览器，待浏览器收到HTML文件以后，便会将执行结果显示在浏览器上。

  • 应用背景这个源码包非常适合研究蚁群算法的同学使用，

    应用背景这个源码包非常适合研究蚁群算法的同学使用，其中介绍了蚁群算法的基本程序，有利于各位从中吸取有益经验，也可以结合其它方法进行改善。关键技术蚁群算法应用广泛，在此提供一个可以运行的、完整的源码以供参考，各位可以在此基础上进行改进，改善其在不同场合中的应用效果Matlab.zip

  • 传递矩阵中矩阵元素的传递与变换.zip

    传递矩阵中矩阵元素的传递与变换.zip

Global site tag (gtag.js) - Google Analytics