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. 在Unity3D的网络游戏中实现资源动态加载

    用Unity3D制作基于web的网络游戏,不可避免的会用到一个技术-资源动态加载.比如想加载一个大场景的资源,不应该在游戏的开始让用户长时间等待全部资源的加载完毕.应该优先加载用户附近的场景资源,在游 ...

  2. 转 mv 管道符

    需求:想列出指定的内容并将其转移到新的目录中 通过使用mv和管道符有几种方法, 1.file=`ls pattern`;mv $file newdir 2.ls pattern|xargs -i mv ...

  3. 130 个你需要了解的 vim 命令

    基础 :e filename Open filename for edition :w Save file :q Exit Vim :q! Quit without saving :x Write f ...

  4. 2 个UserControl 的传值问题

    问题描述:有2个UserControl:UserControl1 里有一个Button,UserControl2 里面有一个TextBox,这2个控件都加载到了主窗体Form1 上.要求的是,点击 U ...

  5. 理解RxJava:(二)Operator,Operator

    在第一部分,我讲解了RxJava的基本结构,也介绍了map()操作.然而,我能理解你仍旧不会选择使用Rxjava--你仍然还有很多东西没有学到.但是这个情况将很快得到改变.Rxjava一大部分的能力是 ...

  6. 让我们一起Go(九)

    前言: 又好久么更新了,无奈公司项目多,自己又接了私活,于是时间更不够了......不过我是不会让它流产的,坚持! 一.Go语言中的函数 终于轮到函数了,其实也没有什么好说的,无非就是一个语法问题,c ...

  7. C#基础总结之四List-Hashtable-冒泡排序

    #region 第四天作业 名片--------ArrayList //ArrayList card = new ArrayList(); //card.Add("2202111001122 ...

  8. Qt5 从头学(1)-- 环境

    对我来说MFC太过麻烦了,同样是桌面开发工具,Qt就完全不一样了.Qt使用C++语言可以轻松实现"一次编写,到处编译"的跨平台性能,并且可以做出很多炫酷的界面效果.目前支持几乎所有 ...

  9. 斐波那契堆(二)之 C++的实现

    概要 上一章介绍了斐波那契堆的基本概念,并通过C语言实现了斐波那契堆.本章是斐波那契堆的C++实现. 目录1. 斐波那契堆的介绍2. 斐波那契堆的基本操作3. 斐波那契堆的C++实现(完整源码)4.  ...

  10. 20套新鲜出炉的免费 PSD 格式的图标《免费下载》

    在网页设计中,设计师专注于每一个领域的设计,包括颜色选择.图标.创造力.混色等.正确的选择图标可以使他们的设计脱颖而出,看起来令人震惊.在 Web 设计领域,图标发挥非常重要的作用,因为美丽的和创造性 ...