资讯频道 → Web前端
阅读更多

0顶
1踩

Web前端

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

2017-05-15 15:03 by 副主编 jihong10102006 评论(0) 有6648人浏览
css javascript
时光飞逝， 每月 Tutorialzine 都会为大家分享一些有趣的前端库。那么在本月，又准备了哪些优秀的 Web 开发资源呢？前端儿，一起来瞧瞧吧！

1. Buefy

这是一个基于 Bulma 的 Vue.js 轻量级 UI 组件，而 Bulma 则是基于 Flexbox 的 CSS 库。Buefy 具备典型的 Web 应用程序所必备的所有组件，例如 modals、toast 以及 notifications 等动态元素，使开发人员可以快速添加任何用户界面到其现有的 Vue.js 项目。

2. HR.js

HR.js 是一个用于高亮并替换 DOM 中文本的零依赖库。它的 API 简直不能再简单了。你只需要使用 CSS 选择器来定位保存所需文本的 HTML 父元素，选择好要高亮的单词，并设置背景颜色，就可以搞定了。

3. React VR

React VR 是用于创建在 Web 浏览器中运行 VR 应用程序的框架。它将现代的 API（如 WebGL 和 WebVR）与 React 的声明式渲染进行搭配，从而产生可以通过各种设备使用的体验。

4. Tippy.js

这是一个用于动画工具提示的纯 JavaScript 库。Tippy.js 提供了丰富的悬停效果以及超过 20 个自定义选项。它也是超轻量级的库，并具备相当不错的浏览器兼容性。但如果出现个别浏览器不支持的情况，它会自动退回至常规的 title 属性。

5. Barba.js

Barba.js 是一个无依赖的 JavaScript 库，可用于在单页应用程序的视图间创建平滑的过渡效果。该库的逻辑是围绕 PJAX（推送状态 AJAX）来设计的，绕过正常有效的 URL，并通过 XMLHttpRequest 来加载新页面。Barba 还能确保通过 Push 状态的 API ，在应用程序的 URL 中可以正确的反映出状态的变化。

6. UIkit

UIkit 是一个优秀的轻量级前端框架，它包含了相应的 SVG 图标字体以及丰富的组件。无论是外观，还是框架，UIkit 的设计都十分的出彩。它不光具备统一的样式，还有易于记忆的 API，许多自定义选项以及有用的修饰器类，并且它的使用文档编写的也相当的出众。

7. Haul


Haul 是一个用于开发 React Native 应用程序的命令行工具。它可以直接替代 React Native packager，提供比 Webpack 更好的支持，并能够改进错误消息，大大减少编译时间。Haul 也拥有出色的使用文档，并且完全开源、可定制。

8. AcrossTabs

AcrossTabs 是一个用于跨浏览器 Tabs 间进行通信的 JavaScript 库，你可以使用它在不同的浏览器 Tabs 上打开或关闭网页。由于父 Tab 可以访问子 Tab 上有用的信息（例如 UID），所以它可以判断子 Tab 是否依旧打开，或者已关闭。

9. Stylelint

Stylelint 是一款现代的 CSS linter 工具，它可以帮助团队在样式表中执行固定的 CSS 标准。该库非常强大，它不仅可以让你禁止或设置白名单属性，还能够捕获错误以及识别 SCSS 语法。同时，Stylelint 也可完全定制，帮助你添加或去除一些规则选项。

10. Iconate

这是一个非常棒的 Vanilla JavaScript 库。通过点击图标，它能够帮你完成带有丰富平滑动画效果的图标转换。你也可以将 Iconate 与所有的 CSS 图标字体一同使用。即你只需在 HTML 中添加一个图标，并使用简单的 JavaScript API 来选择要将其转换为哪一种图标，同时选择相应的动画效果就搞定了。

11. React-Datasheet

React-Datasheet 是一个用于向应用程序添加类似 Excel 数据表的 React 组件。你可以对单元格进行自由编辑、分组选择、复制、粘贴、删除等操作。另外，在 GitHub 上还有三个有用的示例，供你参考。即基本的表，带有公式的表以及嵌套组件的表。

12. Pure CSS

这是一个轻量级、响应式的纯 CSS 模块框架。整个库在 gzip 压缩后，仅有 3.8 kb 的大小，如果你仅使用其中的一部分模块，那 CSS 真是小到没有朋友了！同时，它模块包括了基本样式集、响应格网、表单组件、按钮、表格和菜单，适用于任何的 Web 项目。

13. Simple Icons

Simple Icons 是一个涉及知名品牌（涵盖社交网络、应用程序、服务等）的免费图标合集。这些图标都是用 SVG 制作的，所以它们可以被缩放到任何尺寸，不用担心图片的像素。而大多数图标的大小都低于 500 字节。

14. Chroma.js


Chroma.js 是一个用于处理颜色的微型 JavaScript 库。它提供了丰富的 API，以及超过 50 种用于操纵颜色的功能，让你可以使用色彩模式切换，改变亮度和饱和度，创建渐变比例等许多实用的色阶处理方法。

15. Weex

Weex 是一个构建跨平台的移动应用程序框架，类似于 React Native，但适用于 Vue.js. 你可以利用 HTML、CSS 和 JavaScript 编写应用程序，并将其以 Android 和 iOS 客户端的形式呈现。该框架有许多内置的组件、API 和其他有用的功能。、

译文：15 Interesting JavaScript and CSS Libraries for May 2017
  • 大小: 23.5 KB
  • 大小: 29.3 KB
  • 大小: 12.6 KB
  • 大小: 27.2 KB
  • 大小: 24.1 KB
  • 大小: 26.8 KB
  • 大小: 9.6 KB
  • 大小: 31.9 KB
  • 大小: 16.5 KB
  • 大小: 23.8 KB
  • 大小: 20 KB
  • 大小: 17.3 KB
  • 大小: 150.8 KB
  • 大小: 10.4 KB
  • 大小: 197.3 KB
来自: zhihu
0
顶
1
踩
评论 共 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