“非常有用”的JavaScript 和 CSS 库插件推荐

在前端开发过程中,高质量的网页设计需要直观和用户友好的界面,而且屏幕上的元素也起着非常重要的作用。Web 设计师不断地寻找优秀代码的集合,希望能提升工作效率。但找到合适的工具库并不总是那么容易的。

以下特推荐JavaScript 和 CSS 库插件,希望大家欢喜!

1. HR.js

(零依赖库,用于在 DOM 中以编程的方式高亮显示并替换字符串,HR.js API 的使用不能再简单了 — 只需使用 CSS 选择器来定位目标文本的父 HTML 元素,选择要突出显示的单词,设置背景颜色,然后就完成了!)

2. Tippy.js(轻量的纯 JavaScript 动态提示工具插件库。它提供了大量的不同悬停效果和超过 20 个可定制的选项。Tippy.js 是超级轻量的,具有相当不错的浏览器兼容性)

 

3. UIkit(优秀的 CSS 和 JavaScript 前端框架,包括 SVG 图标字体和几十个组件。它具有统一的样式,易于记忆的 API。)

4. Stylelint(是一款现代化的 CSS linter,可帮助团队在样式表中强制使用客观的 CSS 标准。该库非常强大,可以禁用或列出特定属性,捕获错误和识别 SCSS 语法。)

 

5. Iconate(非常优秀的 vanilla JavaScript 库,可让你将点击中的一个图标转换为另一个图标,并具有各种平滑的动画,有 15 种以上的动画可供选择。)

6. Simple Icons(收集了大量社交网络、app、服务和其他品牌的免费图标。因为所有的图标都是使用 SVG 制作的,所以它们可以缩放到任何的尺寸而不用担心变模糊。)

7. Weex(是构建跨平台移动应用的框架,类似于 React Native,但适用于 Vue.js 项目。它可以让你使用 HTML,CSS 和 JavaScript 编写应用,然后在 Android 中将其渲染成 Java 或在 iOS 中将其渲染成 Swift。)

发布了59 篇原创文章 · 获赞 67 · 访问量 6837

猜你喜欢

转载自blog.csdn.net/BOM485480/article/details/103686339