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. JS实现移动端图片延迟加载

    图片延迟加载常见的有,jquery.lazyload.js,原生JS实现的echo.js.但是都是必须给图片设置宽高. 因为项目是移动端,而且无法在加载前知道图片的宽高,所以,只好自己写了一个. 既然 ...

  2. 利用vba将excel中的图片链接直接转换为图片

    Sub test() Dim rg As Range, shp As Shape Rem --------------------------------------------------- Rem ...

  3. WPF常用控件样式集锦

    1.不规则形状按钮(通过更改path实现) <Style x:Key="ButtonStyleForPath" TargetType="{x:Type Button ...

  4. 获得 LayoutInflater 实例的三种方式

    在实际开发中LayoutInflater这个类还是非常有用的,它的作用类似于findViewById().不同点是LayoutInflater是用来找res/layout/下的xml布局文件,并且实例 ...

  5. Android 自定义Drawable

    1.使用BitmapShader实现图片圆角 public class CornerDrawable extends Drawable { private Paint mPaint; private ...

  6. SQL1159 Initialization error with DB2 .NET Data Provider, reason code 7(问题补充)

    SQL1159 Initialization error with DB2 .NET Data Provider, reason code 7 需要注册GAC,修改注册表 IBM官方方案: http: ...

  7. win8磁盘占用100%的12种解决办法

    解决方法1:硬盘4K对齐,能减少磁盘占用100%情况.(大部分用户能解决) 解决方法2:检查硬盘AHCI驱动是否安装 解决方法3:通过 HD Tune Pro 5 专业的硬盘测试工具 检测硬盘健康度, ...

  8. Windows Azure Compute Emulator无法启动问题解决方案

    Visual Studio 2013安装了Windows Azure SDK 2.7,但启动Emulator调试时,出现如下错误: Error: The installed Windows Azure ...

  9. C# 对话框隐藏 标题栏

    在对话框设计窗口上双击,进入如下函数 private void Form1_Load(object sender, EventArgs e) { this.FormBorderStyle = Form ...

  10. cp: omitting directory”错误

    在linux下拷贝的时候有时候会出现cp:omitting directory的错误 , 是因为目录下面还有子目录,不能直接拷贝 解决办法: 命令:cp -r