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. Nao 类人机器人 相关资料

    Nao 类人机器人 相关资料: 1.兄妹 PEPPER :在山东烟台生产,http://www.robot-china.com/news/201510/30/26564.html 2.国内机器人领先公 ...

  2. IE11兼容性设定

    增加browser文件,如下:  <browsers>   <browser refID="Default">     <capabilities&g ...

  3. iOS开发之应用内检测手机锁屏,解锁状态

    iPhone的锁屏监测分为两种方式监听: 1. 程序在前台,这种比较简单.直接使用Darwin层的通知就可以了: #import <notify.h> #define Notificati ...

  4. [Z] Windows 8/10 audio编程

    都是些网上搜到的比较不错的文章.关于这块儿的内容网上帖子不多.出去下面列的最主要的还有参考MSDN. WASAPI使用介绍: https://blogs.windows.com/buildingapp ...

  5. 数据库同步工具HKROnline SyncNavigator SQL Server互同步MySQL

    需要联系我QQ:786211180 HKROnline SyncNavigator 是一款专业的 SQL Server, MySQL 数据库同步软件.它为您提供一种简单智能的方式完成复杂的数据库数据同 ...

  6. angularjs + seajs构建Web Form前端(一)

    简介 Bootstrap是Twitter推出的一个用于前端开发的开源工具包,它由Twitter的设计师Mark Otto和Jacob Thornton合作开,是一个CSS/HTML框架. Angula ...

  7. 纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦

    http://css-tricks.com/examples/ShapesOfCSS/

  8. zk框架销毁Page上的Component

    销毁Page上的Component ZK的组件之间是树状结构的,每一组件都只有一个根. 从页面上销毁一个组件可以通过下面两种方式来实现: 1. 组件不是根组件时:Component.setParent ...

  9. 利用SVN工具下载OpenCore代码

    OpenCore原来使用的是CVS管理代码的.从09年起,更换用SVN管理代码,大家可以用TortoiseSVN软件下载代码,网址是:http://tortoisesvn.net/,安装后tortoi ...

  10. 固态硬盘寿命实测让你直观SSD寿命!--转

    近年来,高端笔记本及系列上网本越来越多的采用固态硬盘来提升整机性能,尽管众所周知固态硬盘除 了在正常的使用中带来更快速度的体验外,还具有零噪音.不怕震动.低功耗等优点,但大家对固态硬盘的寿命问题的担忧 ...