这11个有趣的 CSS 和 JavaScript 库太实用了!

2022-12-02 10:04:24 浏览数 (1)

大家好,我是前端实验室的小师妹!

作为一名合格的前端开发人员,如果您想节省一些时间并提高工作效率,下面这些插件库你一定能用的上!

1. BigPicture

BigPicture 是一款轻量级且独立于框架的 JavaScript 图像/视频查看器插件。可以使用<img>标签以及背景图像,支持 Youtube、Vimeo、直接视频链接、 任何 iframe以及 音频文件。

地址:https://henrygd.me/bigpicture/

2. MJML

MJML 是一种标记语言,旨在减少编写响应式电子邮件的痛苦。它的语义语法使其变得简单明了,其丰富的标准组件库加快了开发时间并减轻了您的电子邮件代码库。

地址:https://mjml.io/

3. Baguette box

BaguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。纯 JavaScript 实现,不依赖第三方库和插件,赶紧来体验吧。

地址:https://feimosi.github.io/baguetteBox.js/

4. Nachos UI

Nachos UI 是具有30多个组件的React Native组件库。这些组件也可以通过react-native-web在Web上运行。它通过了快照测试,支持格式化和yarn,提供了热火的设计和全局主题管理器。

地址:https://avocode.com/nachos-ui

5. FitVids.js

FitVids.js是一个轻量级的jQuery响应式视频插件,他可以实现流体视频的嵌入。FitVids.js应用了内在的比例算法,在你的响应网页上实现视频的流体宽度。简单上手,可以尝试一下看效果会不会更好~

地址:http://fitvidsjs.com/

6. multi.js

multi.js 是具有 multiple 属性的选择框的用户友好替代品。它没有依赖项,适合移动设备,并提供搜索功能。multi.js 也很容易使用 CSS 设置样式,并且可以选择支持 jQuery。

地址:https://fabianlindfors.se/multijs/

7. Tent CSS

使用 gzip 时它只有 5kb。在创建响应式网站时,这个 CSS 框架非常有用,或者创建者喜欢称之为生存工具包,它满足所有基本的 CSS 需求。

地址:https://css.sitetent.com/

8. Anchorme

小巧、快速、高效、功能丰富的 Javascript 库,用于检测文本中的链接/URL/电子邮件并将它们转换为可点击的 HTML 链接。

地址:https://alexcorvi.github.io/anchorme.js/

9. Moveto

MoveTo 是一个 JavaScript 库,用于在单击按钮时创建滚动动画。有趣的是,这个库在使用 gzip 压缩时只有 1kg,并且不依赖于 jQuery 或其他任何东西。它使用起来非常简单,并且使用 window.scroll 原生 API 来制作动画效果很好。

地址:https://hsnaydd.github.io/moveTo/

10. Eagle.js

Eagle.js 是一个基于 Web 的 Vue.js 幻灯片框架。它支持动画、主题、交互式小部件(用于 Web 演示),并且可以轻松地在演示文稿中重用组件、幻灯片和样式。

地址:https://zulko.github.io/eaglejs-demo/#/

11. Rellax

视差风尚可能正在消失,但具有精心制作的视差的网站仍然给任何访问者留下深刻印象。rellax.js 是一款轻量级的不需要任何依赖的纯JavaScript滚动视觉差特效插件。

地址:https://dixonandmoe.com/rellax/

0 人点赞