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

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

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

1. HR.js

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

“非常有用”的JavaScript 和 CSS 库插件推荐_第1张图片

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

“非常有用”的JavaScript 和 CSS 库插件推荐_第2张图片 

3. UIkit(优秀的 CSS 和 JavaScript 前端框架,包括 SVG 图标字体和几十个组件。它具有统一的样式,易于记忆的 API。)“非常有用”的JavaScript 和 CSS 库插件推荐_第3张图片

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

“非常有用”的JavaScript 和 CSS 库插件推荐_第4张图片 

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

“非常有用”的JavaScript 和 CSS 库插件推荐_第5张图片

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

“非常有用”的JavaScript 和 CSS 库插件推荐_第6张图片

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

“非常有用”的JavaScript 和 CSS 库插件推荐_第7张图片

 

你可能感兴趣的:(前端)