前端资源-实用的JS插件

boyanx8个月前技术教程22

现在前端资源越来越多,有创意十足的,有实用性高的,这些对于设计师和前端人员来说都是不错的灵感和资源,所以我们可多关注这些信息,对自己的专业技术有也会帮助的。

今天设计达人网为大家分享有:页面进度条、图像放大镜、superplaceholder、纯 CSS 加载动画、Material Design框架等前端资源,看到喜欢的记得收藏起来:)

Loaders.Css

进入下载页:
https://github.com/ConnorAtherton/loaders.css

汉堡包动画菜单 AMBURGERS

十几种汉堡包菜单动画,选择一款你喜欢的吧,当然也可以学习人家的动画是怎样写出来的。

Drift 图像放大镜

Drift 不依托任何插件库,轻量级,特别适用于电子商务网站。

进入下载页:
https://github.com/imgix/drift

Luminous

luminous 和上面介绍的Drift是同一开发者,luminous也是用于图像放大,但效果是以 lightbox 形式展示,并兼容手机端。

进入下载页:
https://github.com/imgix/luminous

Superplaceholder

这个是利用文本框的 placeholder 属性,以打字形式展示出自定义的文字,可当用提示用。

进入下载页:
https://github.com/chinchang/superplaceholder.js

8款超有意思的切换开关效果

CSS3 Toggle Buttons 是完全使用 CSS3实现开关切换效果,喜欢的可以拿去用,创意不错哦。

边玩塔防游戏边学Flexbox属性:Flexboxdefense

Flexbox 是CSS3中一个很好用的布局属性,如果你了解它,会让你用很少代码就能实现实用的布局。

更重要的是,这个是以塔防游戏形式,让学员更易理解 Flexbox 各个属性,快进去玩玩吧,在线版的并已加入到「阅读原文」的Designer Game类目下。

Progresses – 进度条

可以实现种进度效果,如网页加载、图片加载、按钮加载等等

网页加载:网页顶部出现一个进度条。

图片加载

适用于检测照片加载。

提交(保存)按钮上的应用

文本框的进度条应用

进入下载页:
https://github.com/usablica/progress.js/

Clipboard.Js 文字复制插件

以前「复制」浏览器中的代码是需要 FLASH 的,而目前这个插件就不用啦,而且仅2KB 大小,实用好用,先 mark,以便下次用的时候怎么也找不到>_<

除了复制,还有剪切功能哦!(兼容 IE9+)

Chosen – 加强版的选择功能

Select 属性的加强版,确实强大太多了……

进入下载页:
https://github.com/harvesthq/chosen

OkayNav – 好用的响应式菜单

根据浏览器宽度,自动隐藏多余的菜单。

进入下载页:
https://github.com/VPenkov/okayNav

Pintsize – 一款响应式 Grid 系统

class 名称类似Bootstrap,所以用过 BS 的话,就很好理解了。

MDL – Material 设计前端框架

用它来快速搭建属于你的 Material 风格网站吧!

进入下载页:
https://github.com/google/material-design-lite

限时!!免费送Dreamweaver、js等前端教程

标签: js插件

相关文章

前端开发神器:那些不容错过的插件推荐

在前端开发的浩瀚宇宙中,各种插件如繁星般闪耀,它们能够极大地提升开发效率,优化用户体验。今天,就来给大家推荐几款实用到爆的前端插件。一、swiper.js如果你需要在网页中创建一个酷炫的轮播图,swi...

VS Code当中的15个神仙插件,值得收藏

Visual Studio Code 是一款轻量级但功能强大的源代码编辑器,适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js...

图片延迟加载,你会使用吗?给你推荐几款插件,快来学习吧

图片延迟加载延迟加载就是当真正需要的时候,才执行加载操作。延迟加载作为Web前端性能优化的一种措施,已经越来越多的应用到各种程序中,而图片的延迟加载作为使用是最广泛的一种,更应该被我们掌握,今天我就给...

微软新浏览器 Spartan 将支持 JavaScript 扩展,或直接兼容 Chrome 插件

虽然还不确定十六个小时之后微软是不是会公开发布他们的新浏览器 Spartan,但现在看来它值得我们多等一等。Neowin 曾经提到过微软代号为 Spartan 的新浏览器将支持与 Chrome 类似的...

推荐7个高性能JavaScript代码高亮插件

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高...

Grid.js - 跨框架的前端表格插件

只想简简单单画个表格,但 React,Vue,Angular,…,这么多前端框架,各自都有不同的表格渲染库。就没有表格库能“一次画表,到处运行”吗?来看看 Grid.js 这个跨框架的前端表格插件吧!...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。