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

1顶
0踩

移动开发

转载新闻 15 个有趣的 JS 和 CSS 库

2017-09-01 10:20 by 副主编 jihong10102006 评论(0) 有8325人浏览
css javascript
炎热的 7 月已经过去，秋天的脚步更近了。在本月，Tutorialzine 依旧为大家带来了一些有趣、实用的前端库，看看有哪些适合你的项目呢？

1.Titanic


这是一组自带悬停动画的精致 SVG 图标。但与大多数 Web 图标不同之处在于 - 它的动画是基于 JS 的，需要你使用 bodymovin 库将动画效果导出为 SVG 格式。

项目地址：【传送门】

2.Rebass


Rebass 是一个用于构建响应式 Web APP 的 React UI Kit。它由超过 60 种样式组件构成，可通过样式体系中的属性进行自由定制。这样可以保证样式的隔离，便可减少在应用程序中编写自定义 CSS 的需求。

项目地址：【传送门】

3.Bootstrap 4 (Beta)

Bootstrap 4 的官方 Beta 版已经正式发布了！新版本的框架也发生了许多重大的改变，包括支持了基于 Flexbox 的网格体系，新增并重写了相关组件，更快的 ES6 JavaScript 插件，改进了文档等等。

项目地址：【传送门】

4.Hover Buttons


这是一组带有悬停动画效果的 HTML 按钮，这些按钮不仅拥有不同的形状与大小，而且具备了丰富的动画效果供你选择。Hover Buttons 是由 SCSS 制作的，所以你可以轻松的删除不想要的按钮，或根据个人喜好自由的定制其样式。

项目地址：【传送门】

5.React Simple Maps


React Simple Maps 是一个用于创建 SVG 地图的组件库，它具备添加地图细节的各类组件，它们可为地图的各个区域添加文字注释、标记以及自定义颜色。

项目地址：【传送门】

6.Gpu.js


Gpu.js 是一个用于在浏览器中运行 GPGPU 的 JS 库，它将 JavaScript 编译成能够通过 WebGL API 在 GPU 上运行的着色语言，以便更快地执行复杂的计算。如果 WebGL 不可用，则这些函数仍将以常规的 JavaScript 运行。

项目地址：【传送门】

7.Pell



Pell 是一款超轻量的 WYSIWYG 文本编辑器。它由仅 200 行的 ES6 代码所构成，只有 1kB 的大小，并且没有任何的依赖关系。同时，它还支持 Markdown 文本格式所需的所有操作，包括插入图像和链接。

项目地址：【传送门】

8.Chromeless


Chromeless 是一个基于 Chrome 平台 Headless 模式的 Web 自动化框架。它的 API 和功能与其他流行工具（如 PhantomJS 和 NightmareJS）非常相似，主要区别是它在 Chrome 的 Headless 模式下可以运行所有的测试。同时，它还可以在本地或借助 AWS Lambda 工作。

项目地址：【传送门】

9.Fitty


Fitty 是一个 Vanilla JavaScript 库，它可以更改文本的字体大小，使其适应固定宽度的容器。它适用于所有标准的 Web 字体，并且可以“向上”或“向下”缩放其大小，以便让它们更好的占据可用空间，而无须换行。

项目地址：【传送门】

10.Notif.me


这是一个用于发送通知的 Node.js 库，旨在成为一个处理电子邮件、短信和推送通知的一体化解决方案。另外，每个服务都有多个提供商可供你选择。

项目地址：【传送门】

11.Shoelace


Shoelace 是一个炒鸡轻量的 CSS 入门套件，旨在为 Bootstrap 提供一个更简单的替代方案。它由 CSS reset 与一些实用的 UI 组件构成，没有过多的样式和功能。由于这个库的代码是基于 CSS 变量的，所以也易于定制。

项目地址：【传送门】

12.TensorFire


TensorFire 是一个能够在浏览器中运行神经网络的框架。由于 TensorFire 可通过 WebGL 进行 GPU 加速，所以运行较大的机器学习模型也不是事儿。虽然，该项目还处于早期阶段，但也有了一些十分有前景的演示。例如剪刀包袱锤手势检测 Demo

项目地址：【传送门】

13.Vali


这是利用 Bootstrap、PugJS、Sass 构建的后台信息管理模板。由于该项目是基于易于定制的理念而设计，所以，所有的样式都是由独立的 SASS 模块进行组织。同时，该模版还提供了丰富的组件与小部件，你可以在 Demo 中查看它们。

项目地址：【传送门】

14.BotUI


BotUI 是用于建立聊天机器人会话界面的 JavaScript 框架。它有一个超简单的 API，你可以通过添加消息、问题，甚至形成供用户填写的输入字段来配置对话流。

如果你想了解有关交互式会话 UI 的更多信息，请参阅我们的文章《聊天机器人之开发者简介》。

项目地址：【传送门】

15.Nano ID


这是一个用于生成唯一 ID 的小型 JavaScript 库。它仅使用对 URL 友好的符号来生成字符串，但它也有一个让你提供相应字母表的选项。在 GitHub 的项目页上，你可以找到关于此库的工作方式，以及使用算法的一些有趣信息。

项目地址：【传送门】

感谢你的阅读。若你有所收获，欢迎点赞与分享

引用
英文原文：15 Interesting JavaScript and CSS Libraries for August 2017
作者：Danny Markov
  • 大小: 144 KB
  • 大小: 348.8 KB
  • 大小: 35 KB
  • 大小: 238.9 KB
  • 大小: 136.7 KB
  • 大小: 43.5 KB
  • 大小: 34.6 KB
  • 大小: 20.4 KB
  • 大小: 23.3 KB
  • 大小: 38.7 KB
  • 大小: 48.3 KB
  • 大小: 165.3 KB
  • 大小: 105.6 KB
  • 大小: 56.4 KB
  • 大小: 14.4 KB
来自: 简书
1
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

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

相关推荐

  • 10个有趣的Javascript和CSS库

    Tailwind CSS Tailwind是用于构建自定义用户界面的实用CSS框架。...这是一个纯CSS库，用于创建漂亮的复选框和单选按钮。 它提供了不同的形状（正方形，曲线，圆形），选择方式（默认，填充，thick），颜色

  • 我发现了18个有趣的 JavaScript 和 CSS 库

    英文 |https://javascript.plainenglish.io/compilation-of-javascript-and-css-libraries-that-i-fou...

  • 2017 年 8 月：15 个有趣的 JS 和 CSS 库

    在本月，Tutorialzine 依旧为大家带来了一些有趣、实用的前端库，看看有哪些适合你的项目呢？ 1. Titanic 这是一组自带悬停动画的精致 SVG 图标。但与大多数 Web 图标不同之处在于 - 它的动画是基于 JS 的，...

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

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

  • 【译】15个有趣的JS和CSS库（2018.7）

    Tutorialzine每月都会给我们精心挑选优秀的web开发资源，这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧！ Polly.js polly是一个用于记录，重...

  • 15 个有趣的 JavaScript 与 CSS 库

    Wenk 是一个轻量级纯 CSS 写的文本工具提示库。虽然它的压缩版仅有700字节，但它依然能够管理并提供一些定制选项。诸如不同提示工具的大小、位置和文本对齐。 HERE： Wenk 项目地址 5.  CSS Loader ...

  • java技术交流： 10个有趣的Javascript和CSS库

    Java学习，肯定少不了Javascript和CSS库的身影，小编定时技术分享，送给每一个正奋斗在java前线的小伙伴们。 Tailwind CSS  Tailwind是用于构建自定义用户界面的实用CSS框架。 每个Tailwind小应用都有多种尺寸，...

  • 爱创课堂分享“15 个有趣的 JS 和 CSS 库”

     迎来了黄金10 月，在这收获的季节，我又为你们带来了哪些新鲜、有趣的前端资源呢？前端开发者们，一起来看看有木有你需要的前端库。 1.DisplayJS DisplayJS 是一个帮助你渲染 DOM 的简易...

  • 2017 年 9 月：15 个有趣的 JS 和 CSS 库

    （点击上方公众号，可快速关注）英文：Danny Markov 译文：IT程序狮http://www.jianshu.com/p/ec9ff744eb20如有好文章投稿，请...前端开发者们，一起来看看有木有你需要的前端库。1.DisplayJSDisplayJS 是一个帮助你渲

  • 15 个有趣的 JS 和 CSS项目

    Plank.js 优化了 Web 和移动浏览器的引擎，并提供了一个对 JavaScript 友好的开源代码库和 API。所以，当开发人员在制作 2D 游戏时，他们能更得心应手。 项目地址：【http://piqnt.com/planck.js/】 ...

  • 【java毕业设计】智慧社区教育服务门户.zip

    有java环境就可以运行起来 ,zip里包含源码+论文+PPT, 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。 环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea Maven包：Maven3.3及以上

  • 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip

    【资源说明】 基于selenium的携程机票爬虫资料齐全+详细文档+高分项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！

  • 【java毕业设计】智慧社区宠物管理系统（源代码+论文+PPT模板）.zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明： 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展，智慧社区门户网站的建设成为了可能，并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java，数据库为MYSQL，并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。

  • 免费下载：Civil War (Stuart Moore)_xVBgd.zip

    免费下载：Civil War (Stuart Moore)_xVBgd.zip

  • JSP基于WEB的图书馆借阅系统的设计与实现(源代码+论文)(2024pw).7z

    1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；

  • 免费下载：Spider-Man (Stefan Petrucha)_2pBuA.zip

    免费下载：Spider-Man (Stefan Petrucha)_2pBuA.zip

  • jj视频合并程序代码QZQ.txt

    jj视频合并程序代码QZQ

  • 【java毕业设计】智慧社区会员等级提升系统（源代码+论文+PPT模板）.zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明： 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展，智慧社区门户网站的建设成为了可能，并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java，数据库为MYSQL，并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。

  • jsp医院病区管理系统(论文+中期检查表+任务书+综合材料）(20242g).7z

    1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于计算机科学与技术等相关专业，更为适合；

Global site tag (gtag.js) - Google Analytics