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在不断更新,新的插件层出不穷,以上资源可用,但不限于这些。