Metronic 是一套完整的 UI 模板,但不仅仅是模板,更应该说是一个 UI 框架。它除了提供了大量网页模板,也提供了非常多的 UI 组件,并且应用了众多 jQuery 插件。通过这些资源的整合,我们可以提高开发效率、一致性和网站的友好性。

开源资源

Metronic 框架使用到的开源技术、开源插件或其他开源资源包括:

jQuery Core
    最流行的Javascript 底层框架,提供跨浏览器支持和优雅简洁的编程风格。
Bootstrap
    Twitter 推出的响应式开发框架,ASP.NET MVC5 默认 UI 框架。
    http://www.getbootstrap.com/
jQuery UI
    jQuery 自家提供的 UI 套件,Metronic中用来实现扁平滑块控件、模式对话框。
    http://jqueryui.com/
Font Awesome
    完美的图标字体库,http://fortawesome.github.io/Font-Awesome/
jQuery Flot
    采用Canvas绘制图形,Metronic中用来实现图形和图表支持。
    http://www.flotcharts.org/
jQuery Knob
    一款jQuery和css3制作的旋钮插件,Metronic中用来实现圆形刻度盘。
    http://plugins.jquery.com/knob/
jQuery Uniform
    漂亮的单选和多选框插件。http://uniformjs.com/
jQuery Gritter
    一个小型的 jQuery 消息通知插件,Metronic中用来实现磁贴式消息通知。
    http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery
Toastr
    非阻塞的消息通知Javascript类库
    http://thevectorlab.net/flatlab/toastr.html
jQuery Nestable
    可移动拖拽的嵌套树形结构
jQuery BlockUI
    能够为页面上的任意元素添加遮层,阻止用户操作。具体可以用于制作提示等待响应的对话框。
    http://malsup.com/jquery/block/
jQuery Tags Input
    添加/删除标签插件
    http://xoxco.com/projects/code/tagsinput/
jQuery Form Validation Plugin
    前端表单验证jQuery插件。 http://jqueryvalidation.org/
Form X-editable
    基于 Bootstrap、jQuery UI 和 jQuery 实现了网页文本即时编辑的功能。
Form Wizard
    表单向导插件
Dropzone File Upload
    可拖拉文件上传控件
Multiple File Upload
    多文件上传控件
Bootstrap Switch
    针对Bootstrap的开关按钮
excanvas
    利用IE支持的VML对象来模拟Canvas的绘图,让IE6,7,8等低版本IE浏览器支持Canvas。
jQuery slimScroll
    一个滚动条插件,支持把内容放在一个盒子里面,固定一个高度,超出的则使用滚动。
jQuery Cookie
    jQuery中的cookie操作类库
jQuery Vector Maps
    使用了SVG(Scalable Vector Graphics)技术,可以方便的帮助生成漂亮的矢量地图。
    http://www.jqvmap.com/
jquery.pulsate
    生成吸引用户注意的脉搏效果
EASY PIE CHART
    轻量级的jQuery插件,主要用来渲染和制作漂亮的饼图及动画效果,基于Canvas元素。
    http://rendro.github.io/easy-pie-chart/
Sparkline
    jQuery线状图插件。http://omnipotent.net/jquery.sparkline

由于Metronic在不断更新,新的插件层出不穷,以上资源可用,但不限于这些。

Metronic 使用到的开源插件汇总的更多相关文章

  1. 微信小程序开源项目库汇总

    最近做了一个微信小程序开源项目库汇总,里面集合了OpenDigg 上的优质的微信小程序开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 ...

  2. Vue开源项目库汇总

    最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 elem ...

  3. Android开源项目库汇总

    最近做了一个Android开源项目库汇总,里面集合了OpenDigg 上的优质的Android开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. 抽 ...

  4. Vue常用经典开源项目汇总参考-海量

    Vue常用经典开源项目汇总参考-海量 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的 ...

  5. Vue 开源项目库汇总(转)

    最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star.https://gi ...

  6. Android UI相关开源项目库汇总

    最近做了一个Android UI相关开源项目库汇总,里面集合了OpenDigg 上的优质的Android开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个st ...

  7. 开发常用镜像资源替换为国内开源镜像(yum,compose,maven,docker,android sdk,npm,国内开源镜像汇总)

    一.国内开源镜像站点汇总 阿里云开源镜像站 (http://mirrors.aliyun.com/)网易开源镜像站 (http://mirrors.163.com/)中国科学技术大学开源镜像站 (ht ...

  8. 【前端】Vue.js经典开源项目汇总

    Vue.js经典开源项目汇总 原文链接:http://www.cnblogs.com/huyong/p/6517949.html Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) ...

  9. Vue.js经典开源项目汇总

    Vue.js经典开源项目汇总 原文链接:http://www.cnblogs.com/huyong/p/6517949.html Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) ...

随机推荐

  1. MacBook 蓝牙无法搜索设备

    背景 经常把MacBook合上盖子就塞进包里,用时打开盖子就继续操作,偶尔会出现刚刚还在用的罗技蓝牙鼠标,重新打开笔记本后就连接不上了,而且也无法搜索到周边的蓝牙设备. 解决方案 快捷键:Option ...

  2. Scala spark mongodb

    最好的参考是Mongo官网的地址 https://docs.mongodb.com/spark-connector/getting-started/ 需要截图所示的包 代码地址 https://git ...

  3. Eplan 2D安装版布局,部件、端子竖放

    部件竖放,不是通过变量的选择实现,而是通过设置实现的,具体设置在: 选项-设置-用户-2D安装板布局: 部件方向-更改为 垂直 部件放置-旋转角度-更改为90° 这样在连续放置部件的时候就变为竖放了, ...

  4. 在unity5中减少Draw Calls(SetPass Calls)[转]

    在unity5中减少Draw Calls(SetPass Calls)   我一直工作于unity5支持的Standard Shader(标准着色器)上,并且做了一些关于如何有效地减少draw cal ...

  5. C# 开发者代码审查清单【转】

    这是为C#开发者准备的通用性代码审查清单,可以当做开发过程中的参考.这是为了确保在编码过程中,大部分通用编码指导原则都能注意到.对于新手和缺乏经验(0到3年工作经验)的开发者,参考这份清单编码会很帮助 ...

  6. sublime返回上一编辑位置

    用了sublime好长时间了,最近发现一个python插件可以在编辑的时候返回上一编辑位置,这个功能在eclipse很常用,现在终于能在sublime上使用了.好爽. 贴个地址:https://for ...

  7. net组件转化成COM组件

    第一步:生成秘钥文件 强名称工具 (Sn.exe) 有助于使用强名称对程序集进行签名.Sn.exe 提供了用于密钥管理.签名生成和签名验证的选项. 1.使用Visual Studio 命令 Visua ...

  8. Android Matirx的简介

    在Android中,对图片的处理需要使用到Matrix类,Matrix是一个3 x 3的矩阵,他对图片的处理分为四个基本类型: 1.Translate————平移X,Y轴变换,而不是移动图形 2.Sc ...

  9. VS2008简体中文正式版序列号-试用到期解决

    VS2008简体中文正式版序列号 VS2008简体中文正式版序列号 1.Visual Studio 2008 Professional Edition:XMQ2Y-4T3V6-XJ48Y-D3K2V- ...

  10. @media 手机与IPAD与PC

    @media screen and (min-width: 769px) { bindCard{height:28.5em} } @media screen and (min-device-width ...